Borderfloyd
Nieuwe gebruiker
- Lid geworden
- 18 jan 2009
- Berichten
- 1
Hallo,
Ik wil graag op mijn website gebruik maken van Tumbnails, fotoslider etc. Hiervoor zijn bestaande javascripts. Echter ik heb een beetje moeite wat ik precies moet invullen in het script.
Bv. naam van de foto. Lijkt me duidelijk. Ik zet daar de naam van de foto neer.jpg
Verder welke hyperlink (url) moet ik gebruiken. Ik ben nu bezig met een fotoalbum genaamd Imageshack. Hier staan zoveel linken dat ik het echt niet meer weet.
Welke hyperlink moet ik in het eerste gedeelte plaatsen (headgedeelte)
En wat moet ik bij img src="1.gif" in het bodygedeelte plaatsen
En welke naam van de website moet ik i.p.v. http://www.leejoo.nl neerzetten.
Ik het het script hieronder neer. Ik hoop dat iemand mij tips kan geven. Alvast bedankt. Ik moet even weten hoe het in elkaar steekt.
Bedankt, Monique
Mod: Graag tags om je code heen plaatsen, dat maakt het wat leesbaarder
Ik wil graag op mijn website gebruik maken van Tumbnails, fotoslider etc. Hiervoor zijn bestaande javascripts. Echter ik heb een beetje moeite wat ik precies moet invullen in het script.
Bv. naam van de foto. Lijkt me duidelijk. Ik zet daar de naam van de foto neer.jpg
Verder welke hyperlink (url) moet ik gebruiken. Ik ben nu bezig met een fotoalbum genaamd Imageshack. Hier staan zoveel linken dat ik het echt niet meer weet.
Welke hyperlink moet ik in het eerste gedeelte plaatsen (headgedeelte)
En wat moet ik bij img src="1.gif" in het bodygedeelte plaatsen
En welke naam van de website moet ik i.p.v. http://www.leejoo.nl neerzetten.
Ik het het script hieronder neer. Ik hoop dat iemand mij tips kan geven. Alvast bedankt. Ik moet even weten hoe het in elkaar steekt.
HTML:
<head><script language="JavaScript" type="text/javascript">
// hieronder de namen en de url van de afbeeldingen wijzigen
var afbeeldingen=new Array()
afbeeldingen[0]=["1.gif", "http://www.leejoo.nl"] // "naam van de foto", "hyperlink"
afbeeldingen[1]=["2.gif", "http://www.leejoo.nl"] (hier heb ik een vraag over)!!!!!!!
afbeeldingen[2]=["3.gif", "http://www.leejoo.nl"]
afbeeldingen[3]=["4.gif", "http://www.leejoo.nl"]
afbeeldingen[4]=["5.gif", "http://www.leejoo.nl"]
var voorladen="ja" // ja of nee
var optlinktarget="_blank" // hier kun je de target invullen
var beeldrandbreedte=1 // breedte rand voor plaatjes
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"
// hieronder niets meer wijzigen
if (voorladen=="ja"){
for (x=0; x<afbeeldingen.length; x++){
var ditbeeldje=new Image()
ditbeeldje.src=afbeeldingen[x][0]}}
function beeldcode(dezeafbeelding){
var beeldhtml=""
if (dezeafbeelding[1]!="")
beeldhtml='<a href="'+dezeafbeelding[1]+'" target="'+optlinktarget+'">'
beeldhtml+='<img src="'+dezeafbeelding[0]+'" border="'+beeldrandbreedte+'">'
if (dezeafbeelding[1]!="")
beeldhtml+='</a>'
return beeldhtml}
function wijzigbeeld(beeldplaatsing, beeldindex){
if (document.getElementById){
var imgobj=document.getElementById(beeldplaatsing)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()}
imgobj.innerHTML=beeldcode(afbeeldingen[beeldindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false}}
</script></head>
<body><center>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 0)">
<img src="1.gif" width= 40 height=30 border=0></a> (hier heb ik een vraag over)!!!!!
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 1)">
<img src="2.gif" width= 40 height=30 border=0></a>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 2)">
<img src="3.gif" width= 40 height=30 border=0></a>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 3)">
<img src="4.gif" width= 40 height=30 border=0></a>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 4)">
<img src="5.gif" width= 40 height=30 border=0></a>
</center></body>
<center>
<div id="beeldplaatsing" style="width:140px;height:120px"></div>
<!-- Hoogte en breedte van deze DIV-tag instellen op de grootste afbeelding -->
<!-- Plaatsen waar je wilt dat de foto's verschijnen. -->
</center>Mod: Graag tags om je code heen plaatsen, dat maakt het wat leesbaarder
Laatst bewerkt door een moderator:
