hilfe beim bilder posten

hackbird

Hi Leute,

in meinem blog poste ich ausschließlich bilder. Pro Post ca. 15-20 Stück.
Wenn ich nun meinen Blog aufrufe, möchte ich nicht auf der Startseite alle Bilder der jeweiligen post haben. Was ich gerne hätte, wären 3 bilder auf der Startseite. Beim klicken auf den Eintrag soll man dann alle Bilder dann erst sehen.
Da ich bei imageshack mein bilder hoste und dort auch meine thumbs wie html code bekomme, weiß ich nun nicht wie ich das umsetzen kann in meinem Blog. Was much dort ändern?
Wäre super wenn mit jemand helfen könnte dabei.

Greetz

hackbird

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

alchymyth

die folgende funktion sucht nach allen '<img' tags im post, und speichert die in einem array; und gibt dann die ersten drei aus (wenn vorhanden):

PHP

function getImages() {
global $more;  //gets the images from a post
$more = 1;
$image[]='';
$content = get_the_content();
$count = substr_count($content, '<img');
$start = 0;
 
for($i=1;$i<=$count;$i++) {
  $imgBeg = strpos($content, '<img', $start);
  $post = substr($content, $imgBeg);
  $imgEnd = strpos($post, '>');
  $postOutput = substr($post, 0, $imgEnd+1);
  $postOutput = preg_replace('/width="([0-9]*)" height="([0-9]*)"/', '',$postOutput);
  $postOutput = preg_replace('/aligncenter/', '',$postOutput);
  $postOutput = preg_replace('/alignleft/', '',$postOutput);
  $postOutput = preg_replace('/alignright/', '',$postOutput);
  $postOutput = str_replace('/>', ' width="70" height="70" />',$postOutput);
  $image[$i] = $postOutput;
  $start=$imgEnd+1;
}
 
for($i=0;$i<=2;$i++) {
  if(stristr($image[$i],'<img')) { echo '<div class="excerpt_image">'.$image[$i].'</div>'; }
}
 
$more = 0;
}

Alles anzeigen

in die functions.php vom theme einbauen; in index.php dann im loop aufrufen mit

PHP

<?php getImages(); ?>

(wahrscheinlich anstatt 'the_content('...') einsetzen)

die ausgabe sollte dann so aussehen:

HTML

<div class="excerpt_image"><img src="http://imageshack1.jpg" /></div>
<div class="excerpt_image"><img src="http://imageshack2.jpg" /></div>
<div class="excerpt_image"><img src="http://imageshack3.jpg" /></div>

hackbird

Hi alchymyth,

vielen dank. In der functions.php den code einbauen war kein problem.
Nur mit der INDEX.php habe ich ein problem wo genau den 2. Teil einbauen soll.
Hier mal mein INDEX CODE:

PHP

<?php get_header(); ?>
<div class="contentLayout">
<div class="sidebar1">


                    <?php include (TEMPLATEPATH . '/sidebar1.php'); ?>
                    
</div>
<div class="content">




<div class="Block">
  <div class="Block-body">


<div class="BlockContent">
  <div class="BlockContent-body">
  <?php if (have_posts()) : ?>


    <?php while (have_posts()) : the_post(); ?>


      <div class="post" id="post-<?php the_ID(); ?>">
        <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
        <small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>


        <div class="entry">
          <?php the_content('Read the rest of this entry &raquo;'); ?>
        </div>


        <p class="postmetadata"><?php the_tags('Tags: ', ', ', '<br />'); ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
      </div>


    <?php endwhile; ?>


    <div class="navigation">
      <div class="aligncenter"><?php if(function_exists('wp_page_numbers')) { wp_page_numbers(); } ?></div>
    </div>


  <?php else : ?>


    <h2 class="center">Not Found</h2>
    <p class="center">Sorry, but you are looking for something that isn't here.</p>


  <?php endif; ?>


  </div>
  <div class="BlockContent-tl"></div>
  <div class="BlockContent-tr"><div></div></div>
  <div class="BlockContent-bl"><div></div></div>
  <div class="BlockContent-br"><div></div></div>
  <div class="BlockContent-tc"><div></div></div>
  <div class="BlockContent-bc"><div></div></div>
  <div class="BlockContent-cl"><div></div></div>
  <div class="BlockContent-cr"><div></div></div>
  <div class="BlockContent-cc"></div>
</div>


  </div>
</div>




</div>
<div class="sidebar2">

Alles anzeigen

alchymyth

diesen bereich:

PHP

<div class="entry">
          <?php the_content('Read the rest of this entry &raquo;'); ?>
        </div>

in das hier aendern:

PHP

<div class="entry">
          <?php getImages(); ?>
        </div>

hackbird

Hi alchymyth,

hat alles super geklappt vielen Dank.
Leider zeigt es mir nur 2 Bilder an und übereinander.
Hätte gerne es so gehabt das 3 Bilder nebeneinander und mittig angezeigt werden anstatt übereinander.
Kann ich nun auch eine verlinkung zu den Bildern machen?
Bsp: Startseite

1 Bild 2 Bild 3 Bild (Bilder sind klickbar zu imageshack)
(darunter)
Link (weiter zur Gallery die dann den Post öffnet)

Gibts da ne Möglichkeit?

alchymyth

die anordnung der bilder kann ueber die style.css und die class .excerpt_image geaendert werden; zB. mit float:left; und entsprechenden margins.

mehr dazu, wenn ich das live in der seite sehen kann - link?

der code war so nicht getestet;
dass nur zwei bilder gezeigt werden liegt vielleicht an dieser zeile:

PHP

for($i=0;$i<=2;$i++) {

einfach mal die 2 in eine 3 aendern.

fuer das bilderverlinken sehe ich mit diesem code keinen einfachen weg.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

hilfe beim bilder posten

Jetzt mitmachen!