Hej hjælpsomme udviklere
Jeg sidder og laver en simpel jQuery slider. Men jeg er stødt ind i et problem. når jeg trykker neste billed funger det fint, første gang!
Men når jeg vil have næste billed igen sker der ikke noget?
Jeg har lejet en del med det nu. Men kan ikke finde en løsning.
- thisimg = '';
- $(document).ready(function(){
-
- $('#galleri img').click(function(){
- thisimg = $(this);
- fadeimgin(thisimg);
-
- $('#close').click(function(){
- fadeimgout();
- console.log(thisimg);
- });
-
- $('#next').click(function(){
- nextimg();
- });
- });
- });
-
- function nextimg(){
- var number = parseInt(/[0-9]+/.exec(thisimg.attr('src')));
- thisimg = $("#galleri img").eq(number); //Starter ved 0
- fadeimgin(thisimg);
- }
-
- function fadeimgout(){
- $('#storBilled').fadeOut('fast');
- }
- function fadeimgin(img){
- $('#storBilled').html('<div><img src="' + img.attr('src').replace("small","big") + '" /></div><span>Luk</span><span id="next">Næste</span>');
- $('#storBilled').fadeIn('normal');
- }
- <div id="galleri">
- <img src="billeder/kontor1_small.jpg" alt="Billed at et kontor" />
- <img src="billeder/kontor2_small.jpg" alt="Billed at et kontor" />
- <img src="billeder/kontor3_small.jpg" alt="Billed at et kontor" />
- <img src="billeder/kontor4_small.jpg" alt="Billed at et kontor" />
- <img src="billeder/kontor5_small.jpg" alt="Billed at et kontor" />
- </div>
- <div style="display: none; position: fixed; top: 20%; left: 50%; margin-left: -400px;" id="storBilled">
- </div>
Er der nogle der kan hjælpe mig?
Indlæg senest redigeret d. 04.06.2012 19:08 af Bruger #17119