Slider

Christian98

Hallo,
ich mache gerade eine Wesbseite, aber jetzt möchte ich einen Slider hinzufügen, der sich auf die letzten 3-5 post bezieht, das geht auch alles einwandfrei, jedoch werden die bilder nicht gewechselt, man kann auch mit den pfeilen vor und zurück, die Punkte sind auch nicht funktionstüchtig.
<?php get_header(); ?>

PHP

<?php get_header(); ?> 






    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner">


<?php
$i = 0;
$posts = get_posts ('category=1');


foreach ($posts as $post) : setup_postdata ($post); ?>




<div class="item <?php if ($i == 0) echo 'active';?>">
<?php if (has_post_thumbnail()) {
$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full');
?>
<img src="<?=$thumbnail[0]; ?>" alt="Sonst Was">
<?php } ?>
<div class="container">
<div class="carousel-caption">
<h1><?php the_title(); ?></h1>
<p><?php the_excerpt(); ?></p>
<p><a class="btn btn-lg btn-primary" href="<?php the_permalink();?>" role="button">Weiterlesen</a></p>
</div>
</div>
</div>




<?php
$i++;
endforeach;
wp_reset_postdata();
?>




</div>


  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
    </div><!-- /.carousel -->

Alles anzeigen

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

Christian98

kann geschlossen werden

Monika

Zitat von Christian98

kann geschlossen werden

das Doppelpost hab ich geschlossen

und
magst du nicht deine Lösung anderen auch zur Verfügung stellen?
davon lebt dieses Forum nämlich

Danke!

Christian98

Zitat von Monika

das Doppelpost hab ich geschlossen
und
magst du nicht deine Lösung anderen auch zur Verfügung stellen?
davon lebt dieses Forum nämlich
Danke!

ich habe noch keine lösung, nur der code der oben ist timmt nicht mehr

Christian98

mein neuer code, immer noch das gleiche Problem

PHP

<?php get_header(); ?>






    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner">


<?php
$i = 0;
$posts = get_posts ('category=6');


foreach ($posts as $post) : setup_postdata ($post); ?>




<div class="item <?php if ($i == 0) echo 'active';?>">
<?php if (has_post_thumbnail()) {
$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full');
?>
<img src="<?=$thumbnail[0]; ?>" alt="Sonst Was">
<?php } ?>
<div class="container">
<div class="carousel-caption">
<h1><?php the_title(); ?></h1>
<p><?php the_excerpt(); ?></p>
<p><a class="btn btn-lg btn-primary" href="<?php the_permalink();?>" role="button">Weiterlesen</a></p>
</div>
</div>
</div>




<?php
$i++;
endforeach;
wp_reset_postdata();
?>




</div>


  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
    </div><!-- /.carousel -->




<!-- Marketing messaging and featurettes
    ================================================== -->
    <!-- Wrap the rest of the page in another container to center all the content. -->


<div class="container marketing">


      <!-- Three columns of text below the carousel -->
      <div class="row">


<?php
$i = 0;
$posts = get_posts ('category=1,2');


foreach ($posts as $post) : setup_postdata ($post); ?>


        <div class="col-lg-4">
<?php if (has_post_thumbnail()) {
$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id(), 'thumbnail');
?>
          <img class="img-circle" src="<?=$thumbnail[0]; ?>" alt="Generic placeholder image">
<?php } ?>
          <h2><?php the_title(); ?></h2>
          <p><?php the_excerpt(); ?></p>
          <p><a class="btn btn-default" href="<?php the_permalink(); ?>" role="button">View details &raquo;</a></p>
        </div><!-- /.col-lg-4 -->


<?php
$i++;
endforeach;
wp_reset_postdata();
?>




 </div><!-- /.row -->




      <!-- START THE FEATURETTES -->
 <hr class="featurette-divider">


<?php
$i = 0;
$posts = get_posts ('category=6');


foreach ($posts as $post) : setup_postdata ($post); ?>


      <div class="row featurette">


        <div class="col-md-7">
          <h2 class="featurette-heading"><?php the_title(); ?></h2>
          <p class="lead"><?php the_excerpt(); ?></p>
        </div>
        <div class="col-md-5" style="margin-top:130px;">
<?php if (has_post_thumbnail()) {
$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id(), 'medium');
?>
          <img class="featurette-image img-responsive" src="<?=$thumbnail[0]; ?>" alt="Generic placeholder image">
<?php } ?>
        </div>
      </div>


<?php
$i++;
endforeach;
wp_reset_postdata();
?>
        <!-- /END THE FEATURETTES -->

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Slider

Jetzt mitmachen!