HTML code of Javascript ?

  • Onderwerp starter Onderwerp starter Jaber
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

Jaber

Gebruiker
Lid geworden
25 dec 2004
Berichten
524
Hallo iedereen,

Ik ben bezig met het opbouwen van een site en had een vraagje. Is er een manier om in een bovenframe plaatjes naast elkaar te zetten, en die van reachts naar links kan laten bewegen.MEt een HTML code of Javascript En met eventueel de functie erop te klikken zodat je naar een pagina wordt gestuurd. Ik heb site gevonden waar hetzelfde gebeurt voor meer duidelijkheid.

Site

Alvast Bedankt...:)
 
<center>
<script language="JavaScript1.2">
//Instellen van de grootte waarin de plaatjes getoond worden en de snelheid bepalen
var breedte=300
var hoogte=105
var snelheid=2
agrondkleur="#FFFFFF"
//Invoegen van de afbeeldingen met eventuele hyperlinks:
var afbeelding=new Array()
afbeelding[0]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="1.gif" width=150 height=100 border=0></a>'
afbeelding[1]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="2.gif" width=150 height=100 border=0></a>'
afbeelding[2]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="3.gif" width=150 height=100 border=0></a>'
afbeelding[3]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="4.gif" width=150 height=100 border=0></a>'
afbeelding[4]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="5.gif" width=150 height=100 border=0></a>'

//Hieronder niets meer wijzigen
var kopieersnelheid=snelheid
afbeelding='<nobr>'+afbeelding.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">'+afbeelding+'</span>')
var huidige_breedte=''

function opvullen(){
if (iedom){
afb=document.getElementById? document.getElementById("test2") : document.all.test2
afb2=document.getElementById? document.getElementById("test3") : document.all.test3
afb.innerHTML=afb2.innerHTML=afbeelding
huidige_breedte=document.all? afb.offsetWidth : document.getElementById("temp").offsetWidth
afb2.style.left=huidige_breedte+4
}
else if (document.layers){
ns_slide=document.netscape.document.netscape2
ns_slide2=document.netscape.document.netscape3
ns_slide.document.write(afbeelding)
ns_slide.document.close()
huidige_breedte=ns_slide.document.width
ns_slide2.left=huidige_breedte+4
ns_slide2.document.write(afbeelding)
ns_slide2.document.close()
}
lefttime=setInterval("schuiflinks()",30)
}
window.onload=opvullen

function schuiflinks(){
if (iedom){
if (parseInt(afb.style.left)>(huidige_breedte*(-1)+8))
afb.style.left=parseInt(afb.style.left)-kopieersnelheid
else
afb.style.left=parseInt(afb2.style.left)+huidige_breedte+4

if (parseInt(afb2.style.left)>(huidige_breedte*(-1)+8))
afb2.style.left=parseInt(afb2.style.left)-kopieersnelheid
else
afb2.style.left=parseInt(afb.style.left)+huidige_breedte+4

}
else if (document.layers){
if (ns_slide.left>(huidige_breedte*(-1)+8))
ns_slide.left-=kopieersnelheid
else
ns_slide.left=ns_slide2.left+huidige_breedte+4

if (ns_slide2.left>(huidige_breedte*(-1)+8))
ns_slide2.left-=kopieersnelheid
else
ns_slide2.left=ns_slide.left+huidige_breedte+4
}
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+breedte+';height:'+hoogte+';overflow:hidden">')
write('<div style="position:absolute;width:'+breedte+';height:'+hoogte+';background-color:'+agrondkleur+'" onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid">')
write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+breedte+' height='+hoogte+' name="netscape" bgColor='+agrondkleur+'>')
write('<layer name="netscape2" left=0 top=0 onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid"></layer>')
write('<layer name="netscape3" left=0 top=0 onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>


PLAK DIT TUSSEN <BODY> tags!!!
Ik heb hem zelf ookgebruikt :)
Natuurlijk niet vergeten de foto's die je erop wilt zetten te uploaden naar je server.

Wacht is natuurlijk wel even aardig om reclame te maken: dit script kwam van www.leejoo.nl De starpagina voor Webmasters! TIP!
 
Laatst bewerkt:
<center>
<script language="JavaScript1.2">
//Instellen van de grootte waarin de plaatjes getoond worden en de snelheid bepalen
var breedte=300
var hoogte=105
var snelheid=2
agrondkleur="#FFFFFF"
//Invoegen van de afbeeldingen met eventuele hyperlinks:
var afbeelding=new Array()
afbeelding[0]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="1.gif" width=150 height=100 border=0></a>'
afbeelding[1]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="2.gif" width=150 height=100 border=0></a>'
afbeelding[2]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="3.gif" width=150 height=100 border=0></a>'
afbeelding[3]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="4.gif" width=150 height=100 border=0></a>'
afbeelding[4]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="5.gif" width=150 height=100 border=0></a>'

//Hieronder niets meer wijzigen
var kopieersnelheid=snelheid
afbeelding='<nobr>'+afbeelding.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">'+afbeelding+'</span>')
var huidige_breedte=''

function opvullen(){
if (iedom){
afb=document.getElementById? document.getElementById("test2") : document.all.test2
afb2=document.getElementById? document.getElementById("test3") : document.all.test3
afb.innerHTML=afb2.innerHTML=afbeelding
huidige_breedte=document.all? afb.offsetWidth : document.getElementById("temp").offsetWidth
afb2.style.left=huidige_breedte+4
}
else if (document.layers){
ns_slide=document.netscape.document.netscape2
ns_slide2=document.netscape.document.netscape3
ns_slide.document.write(afbeelding)
ns_slide.document.close()
huidige_breedte=ns_slide.document.width
ns_slide2.left=huidige_breedte+4
ns_slide2.document.write(afbeelding)
ns_slide2.document.close()
}
lefttime=setInterval("schuiflinks()",30)
}
window.onload=opvullen

function schuiflinks(){
if (iedom){
if (parseInt(afb.style.left)>(huidige_breedte*(-1)+8))
afb.style.left=parseInt(afb.style.left)-kopieersnelheid
else
afb.style.left=parseInt(afb2.style.left)+huidige_breedte+4

if (parseInt(afb2.style.left)>(huidige_breedte*(-1)+8))
afb2.style.left=parseInt(afb2.style.left)-kopieersnelheid
else
afb2.style.left=parseInt(afb.style.left)+huidige_breedte+4

}
else if (document.layers){
if (ns_slide.left>(huidige_breedte*(-1)+8))
ns_slide.left-=kopieersnelheid
else
ns_slide.left=ns_slide2.left+huidige_breedte+4

if (ns_slide2.left>(huidige_breedte*(-1)+8))
ns_slide2.left-=kopieersnelheid
else
ns_slide2.left=ns_slide.left+huidige_breedte+4
}
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+breedte+';height:'+hoogte+';overflow:hidden">')
write('<div style="position:absolute;width:'+breedte+';height:'+hoogte+';background-color:'+agrondkleur+'" onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid">')
write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+breedte+' height='+hoogte+' name="netscape" bgColor='+agrondkleur+'>')
write('<layer name="netscape2" left=0 top=0 onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid"></layer>')
write('<layer name="netscape3" left=0 top=0 onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>


PLAK DIT TUSSEN <BODY> tags!!!
Ik heb hem zelf ookgebruikt :)
Natuurlijk niet vergeten de foto's die je erop wilt zetten te uploaden naar je server.



Ik ga het proberen, alsvast bedankt..
 
Helemaal geweldig, danku hartelijk!:thumb: :D
 
Bedankt die mensen die het gemaakt hebben maar.

Mogen we het resultaat van je site ook zien?
Of is het niet voor jezelf?
 
Bedankt die mensen die het gemaakt hebben maar.

Mogen we het resultaat van je site ook zien?
Of is het niet voor jezelf?



Nee is niet voor mezelf, voor iemand anders, Ik heb hem nog niet geupload naar het net..:o
 
Ik had nog een vraagje,

Is het mogelijk om eeen kader te maken om de ruimte waar depllaatjes bewegen..?
 
op een gegeven moment staat er
Code:
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
ik neem aan dat je dan dus de table border op 1 moet zetten?!
 
ja dat kan,

maar je kan ook afmeten hoe groot hij eruit komt en er dan zelf zo'n ding omzetten.

Suc6:thumb:
 
In de middag ga ik eraan beginnen, eerst mijn kamer opruime..

Bedankt mense..!:p
 
Ik heb nog iets leuks voor je, wil je misschien zo'n icoontje die van die sites wel eens hebben en help mij .nl ook?

zo'n klein icoontje in favorieten
 
Ik heb nog iets leuks voor je, wil je misschien zo'n icoontje die van die sites wel eens hebben en help mij .nl ook?

zo'n klein icoontje in favorieten



Jah dat stond ook wel in mijn lijstje, ik was alleen nog niet zover. maar laat maar komen..:D
 
http://www.chami.com/html-kit/services/favicon/

op die website voer je je plaatje in (bijv. logo van de site,maatschappij e.d.) en dan maakt hij er automatisch een 16x16pixel .ico bestand van.
Dan kun je hem downloaden naar je server, het script staat ook op die site.
Het is me alleen nog maar gelukt op .nl sites, op .nl.tt of .tk (gratis stuff) werkt het volgens mij niet (of Geocities).

Je kan zelfs een Animeted downloaden op die site dat hij beweegt.

Suc6 :thumb:
 
Aha ik zie het bedankt, ik het uitproberen...
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan