|
| 2 Slideshow - samtidig Fra : webirene | Vist : 599 gange 500 point Dato : 14-02-09 11:52 |
|
Jeg har et slideshow - nederst i højre hjørne - på www.gif-haandbold.dk. Dette er indsat med et færdigt script (det eneste jeg kan finde ud af).
Jeg har nu forsøgt at kopiere dette script og vil gerne have det til at stå øverst på siden i 2 kolonner ved siden af hinanden.
Jeg har lavet et eksempel på www.gif-haandbold.dk/test.htm
Jeg har rettet scriptet til at kun 1 billede vises ad gangen (tidligere 3). Så har jeg lavet 6 testbilleder, som jeg har placeret i 2 forskellige mapper (for ikke at rode det sammen). Mit problem er, at jeg ikke kan få de 2 slideshows til at køre samtidig.
Jeg har forsøgt både at indsætte scriptet i celler og separate tabeller, men intet hjælper. Er der nogen som evt. kan fortælle mig, hvor det går galt.
| |
| Kommentar Fra : Klaudi |
Dato : 14-02-09 12:43 |
|
Det er konflikt i variablenavne, der gør at det ikke virker.
Her er et lille simpelt et, der er godt nok ikke link funktion på det.
Kode <html>
<head>
<!-- Minus AutoDato -->
<title>Example - SlideShow</title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<script type="text/javascript">
// Swap Image with Fade Effect
function swapImage(id, path)
{
//Swap Images with Filter
var el = document.getElementById(id);
el.count = el.count || 0;
document.getElementById(id).style.filter="blendTrans(duration=.5)"
if (document.getElementById(id).filters && document.getElementById(id).filters[0])
{
document.getElementById(id).filters.blendTrans.Apply()
document.getElementById(id).filters.blendTrans.Play()
document.getElementById(id).src = path[el.count];
el.count = (el.count + 1) % path.length;
}
}
// Allows for Multiple Slides
function slideshow()
{
setInterval(function ()
{
swapImage('slide1', [
"pix1.jpg",
"pix2.jpg",
"pix3.jpg",
"pix4.jpg",
"pix5.jpg"
]);
}, 3000);
setInterval(function ()
{
swapImage('slide2', [
"pix5.jpg",
"pix4.jpg",
"pix3.jpg",
"pix2.jpg",
"pix1.jpg"
]);
}, 3100);
}
</script>
</head>
<body onload="slideshow()">
<img name="slide1" alt="" id="slide1" height="250" width="250" src="pix1.jpg" />
<img name="slide2" alt="" id="slide2" height="250" width="250" src="pix5.jpg" />
</body>
</html> |
mvh klaudi
| |
| Kommentar Fra : Klaudi |
Dato : 14-02-09 13:13 |
| | |
| Kommentar Fra : webirene |
Dato : 14-02-09 13:55 |
|
Foreløbig tak, jeg prøver om det virker senere og vender tilbage.
| |
| Kommentar Fra : webirene |
Dato : 14-02-09 17:01 |
|
Jeg har nu prøvet - så godt mine evner rækker - at lægge scriptet ind. Imidlertid får jeg kun den ene kollonne med reklamer frem på www.gif-haandbold.dk/test.htm
I HEAD sektionen har jeg lagt følgende ind (kun vist øverste del):
<script type="text/javascript">
/***********************************************
* Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive ( http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["images_test_1/reklame_1.gif", "", ""] //plain image syntax
fadeimages[1]=["images_test_1/reklame_2.gif", " http://www.gif-haandbold.dk/sponsorer.htm", ""] //image with link syntax
fadeimages[2]=["images_test_1/reklame_3.gif", " http://www.gif-haandbold.dk/sponsorer.htm", "_new"] //image with link and target syntax
var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages2[0]=["images_test_2/reklame_4.gif", "", ""]
fadeimages2[1]=["images_test_2/reklame_5.gif", " http://www.gif-haandbold.dk/sponsorer.htm", ""]
fadeimages2[2]=["images_test_2/reklame_6.gif", " http://www.gif-haandbold.dk/sponsorer.htm", "_new"]
var fadebgcolor="white"
////NO need to edit beyond here/////////////
I BODY sektionen (uden tilrettelser)
<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, pause, optionalRandomOrder)
new fadeshow(fadeimages, 400, 75, 1, 3000, 1, "R")
</script>
Din fremsendte testside ser jo perfekt ud. Men jeg kan altså ikke få øje på forskellen.
| |
| Kommentar Fra : Klaudi |
Dato : 14-02-09 17:06 |
|
Du mangler
<script type="text/javascript">
new fadeshow(fadeimages2, 400, 75, 0, 4000, 0)
</script>
for slide 2
| |
| Kommentar Fra : webirene |
Dato : 15-02-09 11:21 |
|
Tusind tak - det var lige det jeg manglede. Havde været inde på vis kilde på det link du sendte, men havde overset den. Men logisk set burde jeg have tænkt mig til det. Jeg skal nok afregne point til dig, men har lige et lille tillægsspørgsmål.
I BODY scriptet er der følgende forskelle:
fadeimages, 400, 75, 1, 3000, 1, "R")
fadeimages2, 400, 75, 0, 4000, 0)
fadeimages/2 giver sig selv. 400 & 75 står for bredde og højde, 3000/4000 mener jeg står for sekunder mellem hver skift, men så er jeg lidt i tvivl om hvad 1, 0, "R" står for. I fadeimages bliver billedet stående, når man holder musen henover. Det gør den ikke i fadeimages2?
Håber du gider en sidste gang
| |
| Kommentar Fra : Klaudi |
Dato : 15-02-09 11:32 |
|
Det er:
width, height, borderwidth, delay, pause, displayorder
new fadeshow(fadeimages, 400, 75, 1, 3000, 1, "R")
borderwidth = rammetykkelse
pause =0(nul) eller 1, hvis 1 stopper slide ved mus over
R = tilfældig rækkefølge
mvh klaudi
| |
| Accepteret svar Fra : Klaudi | Modtaget 500 point Dato : 15-02-09 11:37 |
|
Nå det blev ikke som jeg havde skrevet det, prøver igen
********************width,**height, borderwidth, delay, pause, displayorder
new fadeshow(fadeimages, 400, ***75, ******1, ****3000, **1,***** "R")
se bort fra stjernerne
mvh klaudi
| |
| Godkendelse af svar Fra : webirene |
Dato : 15-02-09 12:36 |
|
Tusind tak for svaret Klaudi.
Det var lige den livline jeg havde brug for.
| |
| Kommentar Fra : Klaudi |
Dato : 15-02-09 13:07 |
|
Velbekommen
ps:
Der hvor du skriver links'ne
Kode var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["images_test_1/reklame_1.gif",
"http://www.gif-haandbold.dk/sponsorer.htm", ""] //plain image syntax
fadeimages[1]=["images_test_1/reklame_2.gif",
"http://www.gif-haandbold.dk/sponsorer.htm", ""] //image with link syntax
fadeimages[2]=["images_test_1/reklame_3.gif",
"http://www.gif-haandbold.dk/sponsorer.htm", "_new"] //image with link and target syntax |
der kan du ved klik på reklame få link til at åbne på aktuelle side eller på en ny side
eks:
Kode fadeimages[2]=["images_test_1/reklame_3.gif",
"http://www.gif-haandbold.dk/sponsorer.htm", "_blank"] //her åbner ny side
fadeimages[2]=["images_test_1/reklame_3.gif",
"http://www.gif-haandbold.dk/sponsorer.htm", ""] //her åbner link på samme side |
mvh klaudi
| |
| Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|