Java Slideshow problemer

Tags:    html slideshow javascript

Hey folkens.

Jeg har lidt problemer med at få dette slideshow til at virke på mig HP: http://reallysimpleworks.com/slideshow/

Jeg er ret overbevist om, at problemet opstår i, at jeg ikke får "startet" javascriptet ordentligt, men er langt fra sikker.
Jeg har fulgt, hvad der står på hjemmesiden, men slideshowet kører stadig ikke.

Det er nok nemmest, at i selv ser det, istedet for, at jeg forsøger at forklarer problemet, når jeg i virkeligheden ikke ved, hvor det opstår. :P

Hjemmesiden er at finde her:

http://102830m11fa.sub.ots.dk/brygselv/index.php

Hilsen en HP-rookie.



Indlæg senest redigeret d. 31.05.2012 12:27 af Bruger #17248
9 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 15 karma
Sorter efter stemmer Sorter efter dato
Javascript kan ikke forkortes til Java da der findes et helt andet sprog der hedder det. Forkort Javascript som js eller jscript.

Udover det kan den ikke finde nivo-slider.css, jquery.rs.slideshow.js og jquery.rs.slideshow.min.js på din server. Udover det er $ ikke defineret i dit javscript og det fordi du mangler jquery.



Indlæg senest redigeret d. 31.05.2012 12:32 af Bruger #15754
jQuery skal loades først da de andre moduler afhænger af jquery.

<script src="jquery.js"></script>
<script src="jquery.rs.slideshow.js"></script>


Dette script behøves du ikke at loade da de begge gør det samme - den ene er bare minified hvilket betyder den er mindsket i størrelse som du burde bruge i produktions miljøet.
<script src="jquery.rs.slideshow.min.js"></script>


under jquery skal du også ligge dit script
Fold kodeboks ind/udJScript kode 




Indlæg senest redigeret d. 31.05.2012 13:15 af Bruger #15754
Mange tak for det super hurtige svar!

Det er dog ikke nivo-slider jeg bruger mere, men derimod, den som jeg linkede i OP. Jeg kan dog ikke udelukke, at der stadig er nogle "efterladenskaber (:D)" fra nivo-slider da jeg tidligere forsøgte mig med denne - den var dog bugged, hvilket der ikke rigtig kunne findes en løsning på.

jquery har jeg lagt på serveren? :S

Var egentligt ret overbevist om, at jeg startede js'et på en af disse måder:

<script>
$(document).ready(function () {
$('#slideshow-div').rsfSlideshow();
});
</script>

<script src="jquery.rs.slideshow.js"></script>
<script src="jquery.rs.slideshow.min.js"></script>

:)





Indlæg senest redigeret d. 31.05.2012 12:50 af Bruger #17248
Du skal også inkludere jquery

<script src="jquery.js"></script>



Indlæg senest redigeret d. 31.05.2012 12:40 af Bruger #15754
Det er inkluderet.. Hmm..

Vil du evt prøve at tjekke det igennem for mig?

<?php $page->template = "template.php";?>
<?php ob_start(); /* content */ ?>

<link rel="stylesheet" type="text/css" href="style.css">


<script>
$(document).ready(function () {
$('#slideshow-div').rsfSlideshow();
});
</script>




<div id="slideshow-div" class="rs-slideshow">

<div class="slide-container">
<img src="slider/start.png"
alt="The first image in a slideshow demo." title="This is the first slide" />
</div>

<ol class="slides">
<li>
<a href="slider/1.png">1.png</a>
</li>
<li>
<a href="slider/2.png">2.png</a>
</li>
<li>
<a href="slider/3.png">3.png</a>
</li>
<li>
<a href="slider/4.png">4.png</a>
</li>
<li>
<a href="slider/5.png">5.png</a>
</li>
</ol>

</div>

<script src="jquery.rs.slideshow.js"></script>
<script src="jquery.rs.slideshow.min.js"></script>
<script src="jquery.js"></script>


<div id="images">
<img src="book.png" alt="" width="265" height="155" />
<img src="smag.png" alt="" width="265" height="155" />
<img src="gavekort.png" alt="" width="265" height="155" />
</div>





<?php $page->content = ob_get_clean(); ?>
<?php include_once $page->template ?>

- Har stadig ret svært ved selv, at spotte fejlene. Har tidligere kun lavet hjemmesider i flash, så hele HTML/JS sproget, er et helt nyt sprog fra mig. ;)



Indlæg senest redigeret d. 31.05.2012 12:45 af Bruger #17248
Fantastisk! Tusind tak! :D

Det gjorde tricket blot at smide hele js' linksne op i toppen af mit dokument!

Nu skal der bare styles.



Ift. load times mm. ville jeg råde dig til at lægge scripts i bunden med mindre der er en god grund til at de bliver loadet før resten af dit markup.

Strukturen er altid jquery - jquery plugins - dit eget script (- google analytics)



Ift. load times mm. ville jeg råde dig til at lægge scripts i bunden med mindre der er en god grund til at de bliver loadet før resten af dit markup.

Strukturen er altid jquery - jquery plugins - dit eget script (- google analytics)


Er ikke helt klar over, hvad du mener med dette? :)

Jeg havde jo netop lagt scriptsne i bunden før, hvor slidet ikke fungerede?



De kan sagtens ligge i bunden, der burde de ligge. Det er bare rækkefølgen der er vigtig. Prøv og sæt dine scripts ind på samme måde som nu, men lige før dit body tag lukker.

(din rækkefølge nu er jquery - jquery plugins - dit eget script)



t