Dinamički/vremenski image rotator

Pozz.

Trebao bih idejnu pomoc jer sam zapeo.
Htio bih napraviti image rotator/slider primjenom mysql/php/jquery-a uz dva uvjeta:

  1. provjerava svakih cca n sekundi ako je doslo do promjena (povuce iz baze linkove na nove slike + trajanje slike), ukoliko ima promjena slider se osvjezi ukoliko ne nista se ne mijenja, dalje okreće slike
  2. i da se zakomplicira svaka slika bi jos imala vremensko trajanje, nesto tipa data duration

U nekoliko neuspjelih pokusaja zapeo sam, pa eto trazim pomoc. Nije nuzno da mi neko copy/pasta gotov code, sto bi bilo odlicno :), razlog je da ne rabim cesto jQuery tesko mi je shvatiti kako bi ovo bilo moguce izvesti.
Dakle dovoljno su mi samo smjernice i sto primjeniti da bi to bilo funkcionalno. Namjerno necu napisati kojim nacinom sam ja isao, jer sam se zapleo, pa da ne skrecem mozda na pogresan put neku novu bolju ideju.

Zahvaljujem na svakoj dobronamjernoj pomoci.

Nema smisla pisati svoj slider ispocetka.

Uzmi neki gotovi slider poput Flexslider-a koji vec ima integrirane metode za dodavanje novih slide-ova i onda samo iskodiraj provjeru za bazu i dohvacanje novih slika.

Da,
to mi bilo i prvo rješenje, ali ne mogu/ne znam reloadati nove podatke.
Molim ideje, rjesenja. Zahvaljujem.
Uspio sam riješiti samo točku 2, da mi svaki slide ima vlastiti data duration, iskopao na netu.

Dakle trebao bih jos pridodati da mi recimo provjerava svakih n vremena, dal ima promejna u bazi, ako ima opet se odvrti ovaj novi select na bazu.

$(function(){
$hook = $('.flexslider');
$hook.flexslider({
animation: $hook.data('animation'),
controlNav: $hook.data('control-nav'),
slideshow: $hook.data('slideshow'),
startAt: $hook.data('start-at'),
                pauseOnHover: false,
	    randomize: false,
	    animation: "slide",
	    direction: "horizontal",
	    reverse: false,
	    animationSpeed: 900,
	    directionNav: false,
                after: function(slider){
                    slider.stop();
                    slider.vars.slideshowSpeed = $(slider.slides[slider.currentSlide]).data('duration');
                    slider.play();
                }
            });
});



<?php
$sql = "SELECT * FROM slike WHERE prikaz=1 ORDER BY poredak";
$result = mysql_query($sql);
while ($row = mysql_fetch_array($result)) {
	echo '<li data-duration="2000" data-animation="fade">
       	     <img src="http://local/slike'.$row[id].'.jpg" />
	     </li>';
}	
?>

Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Profit Monkey