Klikbare slideshow maken!

Status
Niet open voor verdere reacties.

Kaffo

Gebruiker
Lid geworden
16 mrt 2013
Berichten
15
Beste Helpmij lezers en CSShunter :) !

Ik wil graag een klikbare slideshow hebben.

Nu ben ik al heel ver gekomen zelf door beetje google te gebruiken. Als u mijn site bezoekt
www.zoveelkorting.nl - Kortingscodes en aanbiedingen is waar het omgaat.

Dan zie je dat ik al een hele mooie slideshow heb gemaakt.
Nu is mijn probleem dat als die naar het volgende dia gaat de tekst ''Besparen en Aktiesport 25% korting'' opeens verdwijnt.

Dit gebeurt NIET bij internet Explorer. daar doet hij het gewoon zoals ik het wil.
Bij Chrome en Safari verdwijnt de tekst opeens wel. bij Firefox weet ik niet.
Wat kan ik doen?


Enige informatie van het script. ik heb http://www.dynamicdrive.com/dynamicindex14/translucentslide.htm deze script gebruikt.
P.s vergeet niet het bestandje bij te downloaden!


Ik heb het zelf zo staan.




HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<style type="text/css">


#myslideshow {
	border: 0px none black;
	position: absolute;
	top: 93px;
	width: 803px;
	height: 182px;
	left: 35px;
}
#link1 {
	position: absolute;
	left: 88px;
	top: 260px;
	color: #FFF
}
#link2 {
	position: absolute;
	left: 226px;
	top: 260px;
	width: 183px;
	height: 24px;
}
.kleur {
	color:#FFF;
	font-size:14 px;
	text-decoration:none;
}

</style>

<script src="translucentslideshow.js" type="text/javascript">

/***********************************************
* Translucent slideshow- (c) Dynamic Drive ([url]www.dynamicdrive.com[/url])
* This notice MUST stay intact for legal use
* Visit [url]http://www.dynamicdrive.com/[/url] for this script and 100s more.
***********************************************/

</script>

<script type="text/javascript">

var translideshow1=new translideshow({
	wrapperid: "myslideshow", 
	dimensions: [780, 180], 
	imagearray: [
  ["slide1.png"],
  ["slide2.png", "http://www.aktiesport.nl/sporten/?tt=389_356569_138575_&r=", "_new"]
	],
	displaymode: {type:'auto', pause:5000, cycles:2, pauseonmouseover:true},
	orientation: "v", 
	persist: true, 
	slideduration: 400 
})

</script>
</head>
<body>

<div id="myslideshow"></div>

<div id="link1"><a href="javascript:translideshow1.navigate(0)" class="kleur">Besparen!</a></div>
<div id="link2"><a href="javascript:translideshow1.navigate(1)" class="kleur">Aktiesport 25% korting!</a></div>


</div>

</body>

</html>


Dit zijn de plaatjes van slide1 en slide2
slide1.png slide2.png


+ bestandje wat bij het script hoort.
http://www.dynamicdrive.com/dynamicindex14/translucentslideshow.js (Veilig en betrouwbaar)


IS het op te lossen? Of weet jij op een ander manier hoe ik aan mijn slideshow kan komen CSShunter , andere script eventueel :)?

Groetjes en alvast bedankt!


Edit: Ik heb nu de tekst met photoshop zelf in de vakjes ingevult. Als ik het met Html doe dan verdwijnt hij jammer genoeg.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan