Opdeling af script

Du kunne jo prøve at lave det sådan at dit script kan håndtere hvis der ikke findes javascript. Altså at opbygge dit script med rigtig html






Og ja, koden er ikke testet, men skulle give en ide omkring hvor det kan gøres.

Nu vil nok også gøre sådan at de forskellige billeder er skjulte til at starte med, sådan at det kun er et billeder der er vist hvis javascript er slået fra (og mens siden loader)

Hej heinzdmx

Tak for sit svar. Jeg er ikke særlig stærk på kodning i javascript. Det jeg har prøvet er følgende:

Det eksterne script ser nu således ud:
----------
jQuery(function($){
$.supersized({
slide_interval    : 3000,
transition      : 1,
transition_speed: 700,
slide_links    : 'blank',
});
});
----------

Det interne script (placeret i HEAD) på selve siden ser nu således ud:
----------
<script type="text/javascript">
var imgList = [];
$(".imagesliderimg" ).each(function(index, domEle) {
    imgList.push(domEle.src);
} );
</script>
----------

Den interne html-kode (placeret i BODY) på selve siden ser nu således ud:
----------
<img alt="" class="imagesliderimg" src="grafik/baggrund/test-01.jpg" />
<img alt="" class="imagesliderimg" src="grafik/baggrund/test-02.jpg" />
<img alt="" class="imagesliderimg" src="grafik/baggrund/test-03.jpg" />
----------

Det virker desværre ikke?

:o) mcclaud

Nu var den kode jeg skrev, netop noget der skulle gøre det muligt at undgå at benytte 2 scripts.

Men hvis du ikke har meget forstand på javascript, burde du måske overveje at benytte de plugins der er lavet til formålet.

Prøv f.eks. at kigge på gallerific der kan tilpasses så det bliver en almindelig slider

http://www.twospy.com/galleriffic/

Eller hvad med den her, der også ser ret brugbar ud

http://www.easingslider.matthewruddy.com/

Hej heinzdmx

Jeg vil hellere end gerne nøjes med ét script. Jeg har derfor forsøgt følgende. Desværre virker det ikke. Har du et forslag til, hvad der kan være galt?

Det eksterne script ser nu således ud:
----------
jQuery(function($){
$.supersized({
slide_interval    : 3000,
transition        : 1,
transition_speed:    700,
slide_links        :    'blank',
});

var imgList = [];
$(".imagesliderimg" ).each(function(index, domEle) {
    imgList.push(domEle.src);
} );

});
----------

Den interne html-kode (placeret i BODY) på selve siden ser nu således ud:
----------
<img alt="" class="imagesliderimg" src="grafik/baggrund/test-01.jpg" />
<img alt="" class="imagesliderimg" src="grafik/baggrund/test-02.jpg" />
<img alt="" class="imagesliderimg" src="grafik/baggrund/test-03.jpg" />
----------

:o)mcclaud

Altså hvis det er det eneste du har, så tvivler jeg stærkt på at det er nok til at kunne bruges.

Mit forslag er derfor at tjekke de links jeg har sendt til dig

Hej heinzdmx

Det prøver jeg... Hvis du smider et svar, så kommer pointene.

:o) mcclaud

Svar her