Tijden veranderen
Nieuws carousel laat alleen laatste nieuwsbericht zien
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?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<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">Prximo</span>
</a>
</div>
<!-- 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">Prximo</span>
</a>
</div>
Gewijzigd op 16/06/2016 13:50:01 door Jaron Bos
- 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 - 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.
Code (php)
1
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..)
Zonder te weten welke carrousel je gebruikt, weet ik niet hoe je het op moet lossen. Dus vertel eens wat meer?
- 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?
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:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!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>
<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.