PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
J

Nieuws carousel laat alleen laatste nieuwsbericht zien

Door Jaron Bos op 16-06-2016 13:49 gewijzigd op 16-06-2016 13:50
1.123 views
Hallo,

Ik heb een probleem met de nieuws slider op mijn website. Ik probeer de laatste 3 nieuwsberichten te tonen. D.m.v. 2 knoppen zou er tussen de laatste 3 geplaatste berichten geslide moeten kunnen worden.

Mijn nieuws carousel laat nu echter alleen het laatst geplaatste bericht zien. Iemand die weet hoe dit op te lossen?


<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>


  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
  
 <?php 	
								$result = $db->query("SELECT * FROM cms_news_new ORDER BY id DESC LIMIT 1");
								if($result->num_rows > 0){
									while($data = $result->fetch_array()){ ?>
    <div class="item active">
<div style=" height: 300px; width: 759px;  image-rendering: pixelated; position: relative; background: url(<?php echo $data['campaignimg']; ?>) left bottom/100%; border: 0px solid; line-height: 33px;  background-color: #006FBF;"></div>      <div class="carousel-caption">
        <h2><a href="<?php echo PATH; ?>/noticias?id=<?php echo $data['id']; ?>"><?php echo $data['title']; ?></a></h2>
        <p><?php echo $data['shortstory']; ?></p>
      </div>
    </div>
				<?php } }else{ echo '<i>No hay noticias</i>'; } ?>
   
  </div>

  <!-- Left and right controls -->
  <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">Anterior</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">Próximo</span>
  </a>
</div>
Ariën
16-06-2016 13:51
Omdat je LIMIT BY 1 doet, krijg je maar ook 1 resultaat.
J
Jaron Bos
16-06-2016 13:53
- Ariën - op 16/06/2016 13:51:57

Omdat je LIMIT BY 1 doet, krijg je maar ook 1 resultaat.


Hey Arien,

Als ik echter het limit verhoog naar bijv. 3 dan komen de laatste 3 berichten onder elkaar te staan. (en kan er er nog steeds niet tussen sliden). Weet jij misschien hoe dit op te lossen?
Ariën
16-06-2016 13:56
Ik weet niet hoe jouw slider werkt, maar het lijkt me dat deze niet geinitialiseerd is.
J
Jaron Bos
16-06-2016 15:00
- Ariën - op 16/06/2016 13:56:07

Ik weet niet hoe jouw slider werkt, maar het lijkt me dat deze niet geinitialiseerd is.


Ik denk dat ik ongeveer weet hoe ik het kan oplossen. Alleen ik weet de juiste codes niet.

Onderstaande code haalt het laatste geplaatste nieuwsbericht uit de database.
SELECT * FROM cms_news_new ORDER BY id DESC LIMIT 1


Weet jij miss welke code ervoor zorgt dat het voorlaatse nieuwsbericht word weergegeven (enz..)
Ariën
16-06-2016 15:04
SELECT * FROM my_table ORDER BY rating DESC LIMIT 2,1

Zonder te weten welke carrousel je gebruikt, weet ik niet hoe je het op moet lossen. Dus vertel eens wat meer?
J
Jaron Bos
16-06-2016 15:08
- Ariën - op 16/06/2016 15:04:13

SELECT * FROM my_table ORDER BY rating DESC LIMIT 2,1

Zonder te weten welke carrousel je gebruikt, weet ik niet hoe je het op moet lossen. Dus vertel eens wat meer?


Het is gebasseerd op http://slidesjs.com/

Op hun site staat dit voorbeeld:

<!doctype html>
<head>
  <style>
    /* Prevents slides from flashing */
    #slides {
      display:none;
    }
  </style>

  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script src="jquery.slides.min.js"></script>

  <script>
    $(function(){
      $("#slides").slidesjs({
        width: 940,
        height: 528
      });
    });
  </script>
</head>
<body>
  <div id="slides">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
  </div>
</body>


Inplaats van images wil ik dus de laatste 3 nieuwsberichten.
Ariën
16-06-2016 15:20
Dan moet je die nieuwsberichten dus in een divje met id="slides" verpakken.

Reageren

Inloggen om te reageren