/ Forside/ Teknologi / Multimedie & design / FrontPage / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn 

Kodeord  


Reklame
Top 10 brugere
FrontPage
#NavnPoint
molokyle 3730
bentjuul 3355
BjarneD 2776
dk 1515
emesen 1490
strarup 1480
catbody 1241
brokke44 1160
er_du_klog 1052
10  PARKENSS 1050
2 Slideshow - samtidig
Fra : webirene
Vist : 403 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

Fandt lige et her:
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

Det kan vise 2 slideshows med fade, links og pause

mvh klaudi

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 : Klaudi


Dato : 14-02-09 17:13

Åbn evt link jeg sendte og højreklik og vælg vis kilde

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.
Søg
Reklame
Statistik
Spørgsmål : 174596
Tips : 31742
Nyheder : 719565
Indlæg : 6390222
Brugere : 218362

Månedens bedste
Årets bedste
Sidste års bedste