Avatar billede dab93 Nybegynder
07. juni 2011 - 20:36 Der er 7 kommentarer og
1 løsning

Fade af tilfældigt billede med jQuery (fejl)

Kære eksperter.

Nu hjælper jeg en ven med at lave lidt på en hjemmeside han har sat op. Nu vil han gerne have lavet sådan at hans forside-billede opdatere til et nyt tilfældigt billede, uden at siden opdatere, samtidlig med at det fader over til det nye billede.

Men det fungere ikke rigtigt.

JavaScript samt jQuery kode
JScript kode
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>


<script type="text/javascript">

$(document).ready(function() {

    $('.slideshow').cycle({

        fx: 'fade'

    });

});

</script>



Html samt PHP
HTML kode
<div class="slideshow">

<a href="#url"><img src="images/forside_<?php echo rand(1, 12); ?>.jpg" width="750" height="500" border="0" /></a>

</div>



Nogen der kan hjælpe?


Lige en oplysning: Jeg har downloadet funktionen, og den virker fint hvis jeg bare åbner den fra min computer.
Avatar billede dab93 Nybegynder
07. juni 2011 - 20:49 #1
En anden oplysning. Grundet af eksperten.dk's kodebokse så vises </script> ikke ved url adressen som skal hentes. I ser nok fejlen.
Avatar billede The_Buzz Novice
07. juni 2011 - 20:51 #2
I din kode:

<div class="slideshow">

<a href="#url"><img src="images/forside_<?php echo rand(1, 12); ?>.jpg" width="750" height="500" border="0" /></a>

</div>
Tager den såvidt jeg husker med cycle, hvert linieskift element i den <div og loader denne ind i cycle.

Dermed sagt:
<div class="slideshow">
<a href="#url"><img src="images/forside_<?php echo rand(1, 12);?>.jpg" width="750" height="500" border="0" /></a>
</div>

Hvis du har downloadet koden fra http://www.malsup.com/jquery/cycle/  er der en fil i koden kaldet example.html

Eventuelt tag et kig i den?
Avatar billede The_Buzz Novice
07. juni 2011 - 20:51 #3
Og en anden ting... Slideshowet kræver to eller derover items...
Avatar billede The_Buzz Novice
07. juni 2011 - 20:55 #4
Ahhhh

[quote]
Lige en oplysning: Jeg har downloadet funktionen, og den virker fint hvis jeg bare åbner den fra min computer.
[/quote]

Du må ikke hotlinke deres script fra deres side - hent scriptet her: http://www.malsup.com/jquery/cycle/download.html og upload den js til din server.
jquery.cycle.all.min.js
Avatar billede dab93 Nybegynder
07. juni 2011 - 21:01 #5
Jeg har ændret koden så den kommer fra ftp serveren direkte, og jeg har prøvet at tage to billeder i den div, men det virker stadig ikke.
Avatar billede The_Buzz Novice
07. juni 2011 - 21:07 #6
Okay - umiddelbart kan jeg ikke se nogle fejl i dit script - jeg brugte selv cycle plugin for et par dage siden.
Avatar billede dab93 Nybegynder
07. juni 2011 - 21:16 #7
Har du en anden løsning til at få funktionen til at virke?
Avatar billede dab93 Nybegynder
07. juni 2011 - 22:27 #8
Jeg fik hjælp af en anden, og det virkede.

Svaret var dette:
<div class="slideshow">
<?php for($i=1;$i<=12;$i++): ?>
<a href="#url"><img src="images/forside_<?php echo $i ?>.jpg" width="750" height="500" border="0" /></a>
<?php endfor; ?></div>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester