login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Plaatjes wissel. .. sec Sorry (Opgelost)

Offline delta_004 - 01/02/2005 16:12
Avatar van delta_004Onbekend Hey
Als eerste wil ik sorry zeggen voor mijn slechte taalgebruik:'(
Maar vroeger had ik een programma waarmee ik foto's kan toevoegen en een secondenveld.
Als ik dat heb gedaan zorg dat programma er voor dat die foto's allemaal om ste beurt worden weergeven.
Dus wat ik zoek.
Een programma om foto's om de zoveel seconden te laten wisselen.
Alvast bedankt^^

5 antwoorden

Gesponsorde links
Offline Thomas - 01/02/2005 16:39
Avatar van Thomas Moderator Soort van slideshow dus...
Klikt als JavaScript > leejoo.nl ?
Offline delta_004 - 01/02/2005 16:44
Avatar van delta_004 Onbekend Juist maar ik had graag een programma want ik heb geen zin om die scripts te veranderen, want ik moet het 6 keer om een pagina gebruiken!
Offline Legolas - 30/11/1999 00:00
Avatar van Legolas Onbekend Ik denk dat je het best met TimeOuts kan werken, dus een array met de plaatjes en een script dat plaatje - timeout - plaatje enz. doet
Offline Dekin - 30/11/1999 00:00 (laatste wijziging 08/05/2009 16:31)
Avatar van Dekin Nieuw lid Ohjah da's waar soms hek oowk geen sin om dingen en scripts te wijzigen.rnNou als je geen programma kan vinden heb je hier in iedergeval een script voor en deze is ook makkelijk aan te passen.rnGwoon het volgende scriptje overnemen.rnrnMet dit scriptje komt de afbeelding voor de andere afbeelding schuiben.rnrnZet dit in de HEAD.rn
  1. rnscript language=JavaScript1.1rn hier plaats je je afbeeldingenrnvar nieuwbeeldje=new Array()rnnieuwbeeldje[0]=foto1.jpgrnnieuwbeeldje[1]=foto2.jpgrnnieuwbeeldje[2]=foto3.jpgrnnieuwbeeldje[3]=foto4.jpgrnnieuwbeeldje[4]=foto5.jpgrnrnvar tussentijd=3000 3 secondenrnvar teller =1;rnvar beeldje=new Array()rnfor (i=0;inieuwbeeldje.length;i++){rnbeeldje[i]=new Image()rnbeeldje[i].src=nieuwbeeldje[i]rn}rnfunction beeldwissel(){rnif (window.createPopup)rnblok.filters[0].apply()rndocument.images.blok.src=beeldje[teller].src;rnif (window.createPopup)rnblok.filters[0].play()rnteller++;rnif (teller==beeldje.length)rnteller=0;rnsetTimeout(beeldwissel(),tussentijd)rn}rnwindow.onload=new Function(setTimeout('beeldwissel()',tussentijd))rnscriptrn[code] rnrnZet dit in de BODY.rn[code]rnimg src=foto1.jpg name=blok border=0 style=filterprogidDXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')rn[code] rnrnVolgende script is een andere dat is dat de afbeelding er niet voorschuift maar gwoon opeens verschijnt.rnrnZet dit in de HEAD.rn[code]rnSCRIPT LANGUAGE=JavaScriptrnrnvar interval = 2.5; tijd tussen wisselen van de afbeeldingen (in seconden)rnvar random_display = 1; 0 = vaste volgorde, 1 = willekeurige volgorderninterval = 1000;rnrnvar image_index = 0;rnimage_list = new Array();rnimage_list[image_index++] = new imageItem(foto1.jpg);!-- afb 1 --rnimage_list[image_index++] = new imageItem(foto2.jpg);!-- afb 2 --rnimage_list[image_index++] = new imageItem(foto3.jpg);!-- afb 3 --rnimage_list[image_index++] = new imageItem(foto4.jpg);!-- afb 4 --rnimage_list[image_index++] = new imageItem(foto5.jpg);!-- afb 5 --rn !-- enz.. --rnvar number_of_image = image_list.length;rnfunction imageItem(image_location) {rnthis.image_item = new Image();rnthis.image_item.src = image_location;rn}rnfunction get_ImageItemLocation(imageObj) {rnreturn(imageObj.image_item.src)rn}rnfunction generate(x, y) {rnvar range = y - x + 1;rnreturn Math.floor(Math.random() range) + x;rn}rnfunction getNextImage() {rnif (random_display) {rnimage_index = generate(0, number_of_image-1);rn}rnelse {rnimage_index = (image_index+1) % number_of_image;rn}rnvar new_image = get_ImageItemLocation(image_list[image_index]);rnreturn(new_image);rn}rnfunction beeldwissel(place) {rnvar new_image = getNextImage();rndocument[place].src = new_image;rnvar recur_call = beeldwissel('+place+');rnsetTimeout(recur_call, interval);rn}rnrnscript rnrn[code]rnrnZet dit in de BODY.rn[code]rnimg name=beeld src=foto1.jpg width=220 height=150rn[code] rnrnEn dit script is dat de afbeelding komt door blokjes. (ik geef een aantal scripts want kweetnie wat je precies wil).D D rnrnZet dit in de HEAD.rn[code]rnscript language=JavaScript type=textjavascript rnvar beeldbreedte=400rnvar beeldhoogte=300rnvar beeldnaam=new Array()rnbeeldnaam[0]=foto1.jpgrnbeeldnaam[1]=foto2.jpgrnbeeldnaam[2]=foto3.jpgrnbeeldnaam[3]=foto4.jpgrnbeeldnaam[4]=foto5.jpgrnrnvar voorladen=new Array()rnfor (i=0;i=beeldnaam.length-1;i++) {rn voorladen[i]=new Image()rn voorladen[i].src=beeldnaam[i]}rnrnvar optionele_hyperlink=new Array()rnoptionele_hyperlink[0]=#rnoptionele_hyperlink[1]=#rnoptionele_hyperlink[2]=#rnoptionele_hyperlink[3]=#rnoptionele_hyperlink[4]=#rnrnvar x_positie=20rnvar y_positie=20rnrnvar x_blokjes=5rnvar y_blokjes=4rnrnvar tussentijd=2000rnrnvar xy_blokjes=x_blokjesy_blokjesrnvar willekeurig=new Array()rnfor (i=0;i=xy_blokjes-1;i++) {rn willekeurig[i]=irn}rnrnvar snelheid=20rnvar i_beeldjes=0rnvar breedte_blokje=Math.floor(beeldbreedtex_blokjes)rnvar hoogte_blokje=Math.floor(beeldhoogtey_blokjes)rnrnvar cliptop=0rnvar clipbottom=hoogte_blokjernvar clipleft=0rnvar clipright=breedte_blokjernvar spanteller=0rnvar x_willekeur=new Array()rnvar y_willekeur=new Array()rnvar max_explsteps=15rnvar i_explsteps=0rnrnfunction browsertest() {rn if (document.all) {rn start_ie()rn }rn if (document.layers) {rn start_ns()rn }rn}rnrnfunction start_ie() {rn if (document.all) {rn spanteller=0rn for (i=0;i=y_blokjes-1;i++) {rn for (ii=0;ii=x_blokjes-1;ii++) {rn var thisspan=eval(document.all.span+spanteller+.style)rn thisspan.posLeft=x_positiern thisspan.posTop=y_positiern thisspan.clip =rect(+cliptop+ +clipright+ +clipbottom+ +clipleft+)rn clipleft+=breedte_blokjern clipright+=breedte_blokjern spanteller++rn }rn clipleft=0rn clipright=breedte_blokjern cliptop+=hoogte_blokjern clipbottom+=hoogte_blokjern } rn for (i=0;i=xy_blokjes-1;i++) {rn var thisspan=eval(span+i)rn thisspan.innerHTML=a href='+optionele_hyperlink[i_beeldjes]+'img src='+beeldnaam[i_beeldjes]+' border='0'arn }rn var timer=setTimeout(wissel_beeld(),tussentijd)rn }rn}rnrnfunction wis_beeld() {rn if (i_loop=xy_blokjes-1) {rn var thisspan=eval(span+willekeurig[i_loop])rn thisspan.innerHTML=a href='+optionele_hyperlink[i_beeldjes]+'img src='+beeldnaam[i_beeldjes]+' border='0'arn i_loop++rn var timer=setTimeout(wis_beeld(),snelheid)rn }rn else {rn clearTimeout(timer) rn var timer=setTimeout(wissel_beeld(),tussentijd)rn }rn}rnrnfunction wissel_beeld() {rn kies_willekeurig(xy_blokjes)rn i_loop=0rn i_beeldjes++rn if (i_beeldjes=beeldnaam.length) {i_beeldjes=0}rn wis_beeld()rn}rnrnfunction kies_willekeurig(bereik) { rn for (i=0;i=bereik;i++) {rn var eerste_waarde= Math.floor(bereikMath.random())rn var tweede_waarde= Math.floor(bereikMath.random())rn var cache_waarde=willekeurig[eerste_waarde]rn willekeurig[eerste_waarde]=willekeurig[tweede_waarde]rn willekeurig[tweede_waarde]=cache_waardern }rn}rnrnfunction start_ns() {rn document.beeldcontainer1.document.write(a href='+optionele_hyperlink[i_beeldjes]+'img src='+beeldnaam[i_beeldjes]+' border='0'a) rn document.beeldcontainer1.document.close() rn i_beeldjes++rn if (i_beeldjesbeeldnaam.length-1) {i_beeldjes=0}rn var timer=setTimeout(start_ns(),tussentijd)rn}rnscriptrnrnstylern.spanstyle {rn positionabsolute;rn left-5000px;}rnstylern[code] rnrnZet dit in de BODY.rn[code]rnscript language=JavaScript type=textjavascriptrnif (document.all) {rn for (i=0;i=y_blokjes-1;i++) {rn for (ii=0;ii=x_blokjes-1;ii++) {rn document.write(div id='span+spanteller+' class='spanstyle')rn document.write(div)rn spanteller++}}}rnif (document.layers) {rn document.write(div id='beeldcontainer1' class='spanstyle')rn document.write(div)rn document.close()rn document.beeldcontainer1.left=x_positiern document.beeldcontainer1.top=y_positie}rnscriptrn[code] rnrnMet dit script kun je de afbeeldingen horizontaal naar lings laten lopen. Dus dat de afbeelding net zoals een lichtkrant voorbij komt.rnrnZet dit in de BODY.rn[code]rnscript language=JavaScript1.2rnInstellen van het veldrnvar breedte=300rnvar hoogte=105rnvar snelheid=1rnagrondkleur=#FFFFFFrnInvoegen van de afbeeldingen met eventuele hyperlinksrnvar afbeelding=new Array()rnafbeelding[0]='a href=#img src=foto1.jpg width=150 height=100 border=0a'rnafbeelding[1]='a href=#img src=foto2.jpg width=150 height=100 border=0a'rnafbeelding[2]='a href=#img src=foto3.jpg width=150 height=100 border=0a'rnafbeelding[3]='a href=#img src=foto4.jpg width=150 height=100 border=0a'rnafbeelding[4]='a href=#img src=foto5.jpg width=150 height=100 border=0a'rnrnHieronder niets wijzigenrnvar kopiëersnelheid=snelheidrnafbeelding='nobr'+afbeelding.join( )+'nobr'rnvar iedom=document.alldocument.getElementByIdrnif (iedom)rndocument.write('span id=temp style=visibilityhidden;positionabsolute;top-100;left-3000'+afbeelding+'span')rnvar huidige_breedte=''rnrnfunction opvullen(){rnif (iedom){rnafb=document.getElementById document.getElementById(test2) document.all.test2rnafb2=document.getElementById document.getElementById(test3) document.all.test3rnafb.innerHTML=afb2.innerHTML=afbeeldingrnhuidige_breedte=document.all afb.offsetWidth document.getElementById(temp).offsetWidthrnafb2.style.left=huidige_breedte+4rn}rnelse if (document.layers){rnns_slide=document.netscape.document.netscape2rnns_slide2=document.netscape.document.netscape3rnns_slide.document.write(afbeelding)rnns_slide.document.close()rnhuidige_breedte=ns_slide.document.widthrnns_slide2.left=huidige_breedte+4rnns_slide2.document.write(afbeelding)rnns_slide2.document.close()rn}rnlefttime=setInterval(schuiflinks(),30)rn}rnwindow.onload=opvullenrnrnfunction schuiflinks(){rnif (iedom){rnif (parseInt(afb.style.left)(huidige_breedte(-1)+8))rnafb.style.left=parseInt(afb.style.left)-kopiëersnelheidrnelsernafb.style.left=parseInt(afb2.style.left)+huidige_breedte+4rnrnif (parseInt(afb2.style.left)(huidige_breedte(-1)+8))rnafb2.style.left=parseInt(afb2.style.left)-kopiëersnelheidrnelsernafb2.style.left=parseInt(afb.style.left)+huidige_breedte+4rnrn}rnelse if (document.layers){rnif (ns_slide.left(huidige_breedte(-1)+8))rnns_slide.left-=kopiëersnelheidrnelsernns_slide.left=ns_slide2.left+huidige_breedte+4rnrnif (ns_slide2.left(huidige_breedte(-1)+8))rnns_slide2.left-=kopiëersnelheidrnelsernns_slide2.left=ns_slide.left+huidige_breedte+4rn}rn}rnrnif (iedomdocument.layers){rnwith (document){rndocument.write('table border=0 cellspacing=0 cellpadding=0td')rnif (iedom){rnwrite('div style=positionrelative;width'+breedte+';height'+hoogte+';overflowhidden')rnwrite('div style=positionabsolute;width'+breedte+';height'+hoogte+';background-color'+agrondkleur+' onMouseover=kopiëersnelheid=0 onMouseout=kopiëersnelheid=snelheid')rnwrite('div id=test2 style=positionabsolute;left0;top0div')rnwrite('div id=test3 style=positionabsolute;left-1000;top0div')rnwrite('divdiv')rn}rnelse if (document.layers){rnwrite('ilayer width='+breedte+' height='+hoogte+' name=netscape bgColor='+agrondkleur+'')rnwrite('layer name=netscape2 left=0 top=0 onMouseover=kopiëersnelheid=0 onMouseout=kopiëersnelheid=snelheidlayer')rnwrite('layer name=netscape3 left=0 top=0 onMouseover=kopiëersnelheid=0 onMouseout=kopiëersnelheid=snelheidlayer')rnwrite('ilayer')rn}rndocument.write('tdtable')rn}rn}rnscriptrn
rnrnEr zijn nog veel meer scripts maar dat word teveel om allemaal hierin te zetten. Kijk anders ff op deze pagina voor meer scripts.rnrnhttpusers.skynet.bejavascriptimagesafbeeldingen.htm.rnrnVoor de voledige pagina.rnrnhttpusers.skynet.bejavascript.rnrnHeel veel succes ermeeD p ) ! links rechts rnGreetzz Dekin;-) rn(is dit niet wat je bedoeld dan weet ik het oowk niet meer;-) )
Offline Ontani - 08/05/2009 16:32
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
WTF 10 jaar later!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.224s