SlideShow na webu

poruka: 4
|
čitano: 2.010
|
moderatori: Danny_HR, Lazarus Long, XXX-Man, vincimus
1
+/- sve poruke
ravni prikaz
starije poruke gore
6 godina
neaktivan
offline
SlideShow na webu

Pozdrav.

 

Imam molbu.

 

Može mi netko pomoć kako da napravim SlideShow sa 4 fotke na web stranici?

Pozdrav.
Poruka je uređivana zadnji put pon 20.7.2015 23:24 (Tonxy Xy).
 
0 0 hvala 0
4 godine
neaktivan
offline
Re: SlideShow na webu

Najbolje ti je riješenje da kombiniraš HTML i Javascript:

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

 

<div id="slideshow">
 <div>
  <img class="sw_img" src="#"/>
 </div>
 <div>
  <img class="sw_img" src="#"/>
 </div>
 <div>
  <img class="sw_img" src="#"/>
 </div>

 <div>
  <img class="sw_img" src="#"/>
 </div>
</div>

 

<script type="text/javascript">
 $("#slideshow > div:gt(0)").hide();

 setInterval(function() {
 $('#slideshow > div:first')
 .fadeOut(1000)
 .next()
 .fadeIn(1000)
 .end()
 .appendTo('#slideshow');
 }, 3000);
</script>

 

Za dizajniranje koristi CSS.

Poruka je uređivana zadnji put sub 25.7.2015 11:03 (CroStorm).
6 godina
neaktivan
offline
SlideShow na webu

Veliko hvala!! 

 

I još me zanima jedna stvar (s obzirom da radim web stranicu).

 

Kako da u fotogaleriji bude jedna fotka u većem formatu gore i onda dolje male i klikom na pojedinu se otvori ta ista gore u velikom formatu?

Nešto poput ovoga;

http://zes044.wix.com/zes-collection

Pozdrav.
 
0 0 hvala 0
4 godine
neaktivan
offline
Re: SlideShow na webu

To možeš napraviti korišteći JS library lightbox ili možeš skinuti gotov kod sa jQuery Rain

1
Nova poruka
E-mail:
Lozinka:
 
vrh stranice