Avatar billede gulvflaesk Nybegynder
20. november 2012 - 16:48 Der er 4 kommentarer og
1 løsning

Lave array med billeder fra indlæg i WordPress?

Hej Eksperter

Jeg har dette array som henter hvert indlæg ud på en lang liste. Nu vil jeg gerne have dem tilføjet til en JavaScript karussel. Problemet er at det første billede skal have class'et 'item active'.

Her er den kode som får den listet ud:

<?php
$args = array( 'post_type' => 'attachment', 'orderby' => 'menu_order', 'order' => 'ASC', 'post_mime_type' => 'image' ,'post_status' => null, 'post_parent' => $post->ID );
$attachments = get_posts($args);
    if ($attachments) {
    foreach ( $attachments as $attachment ) { ?>
      <img src="<?php bloginfo('template_url'); ?>/timthumb.php?w=320&amp;h=213&amp;zc=1&amp;src=<?php echo wp_get_attachment_url( $attachment->ID , false ); ?>" alt="<?php the_title(); ?>" />
<?php    }
    } ?>


Her er karusselen som koden skal implementeres i:

<div id="this-carousel-id" class="carousel slide">
        <div class="carousel-inner">
          <div class="item active">
            <img src="http://domain.com/timthumb.php?w=320&h=213&zc=1&src=http://domain.com/picture.jpg" />
          </div>
          <div class="item">
              <img src="http://domain.com/timthumb.php?w=320&h=213&zc=1&src=http://domain.com/picture.jpg" />
          </div>
          <div class="item">
              <img src="http://domain.com/timthumb.php?w=320&h=213&zc=1&src=http://domain.com/picture.jpg" />
          </div>
        </div>
      </div>


Håber at nogen kan hjælpe mig lidt videre.

På forhånd tak og god aften til jer alle...

/Martin
Avatar billede olebole Juniormester
20. november 2012 - 18:36 #1
<ole>

Du kan gøre noget i stil med dette:

$args = array( 'post_type' => 'attachment', 'orderby' => 'menu_order', 'order' => 'ASC', 'post_mime_type' => 'image' ,'post_status' => null, 'post_parent' => $post->ID );
$aHtml = array();
$i = 0;
$attachments = get_posts($args);
if ($attachments) {
    foreach ( $attachments as $attachment ) {
        $class = ($i++)>0 ? 'item' : 'item active';
        $aHtml[] = '<img class="'.$class.'" src="'.bloginfo('template_url').'/timthumb.php?w=320&amp;h=213&amp;zc=1&amp;src='.wp_get_attachment_url( $attachment->ID , false ).'" alt="'.the_title().'">';
    }
    echo implode('', $aHtml);
}

Læg mærke til, at jeg ikke hopper ind og ud af PHP i løkken - men skriver til en array-buffer, som jeg samler og udskriver et sted. Det er mere effektivt og langt lettere at læse/vedligeholde  =)

/mvh
</bole>
Avatar billede gulvflaesk Nybegynder
20. november 2012 - 19:22 #2
Tusinde tak! Jeg fik det til at virke. Det var virkelig super hjælp!

Skriv et svar, så får du point :)
Avatar billede olebole Juniormester
20. november 2012 - 19:44 #3
Ellers tak, jeg samler ikke point. Læg selv et svar og accepter det, så tråden lukkes  =)
Avatar billede gulvflaesk Nybegynder
20. november 2012 - 20:08 #4
Ok, det er bare fint :)

Tak atter engang...
Avatar billede olebole Juniormester
20. november 2012 - 20:42 #5
Selvtak  *o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester