Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

scripts werken niet samen

Petertje33 - 15/10/2010 00:26 (laatste wijziging 15/10/2010 08:23)

Nieuw lid

Hallo iedereen,

Ik heb het volgend probleempje.

Ik heb 2 scripts geschreven i.v.m. foto's die veranderen.
In het eerste krijg je 2 keer 10 foto's te zien, op een verschillende plaats op de pagina, die telkens veranderen.
In het tweede krijg je een overvloeier te zien van 3 foto's.
Alle twee de scrips werken apart perfect.

Ik gebruik php voor mijn site dus zet ik alle twee de scripts in de header en dan loopt het fout.
Het script dat eerst staat werk altijd, het andere niet.
maak ik 2 headers, werken ze alle twee.

Ik heb alle variabelen al aangepast zodanig dat er nergens 2 keer het zelfde staat.
Iemand een idee waar de fout zou kunnen zitten?

Hier de scripts:

eerste:

javascript code - Bekijk de code zonder highlighting - Klap code in

                <script type="text/javascript">
fotolinks = new Array();
var getal = 0;
for (var b = 0; b < 10; b ++){
  fotolinks[b] = 'homepagefotos/mainfotos/fotomain' + (b+1) + '.jpg';
}
var toevalsgetal = Math.floor(Math.random() * fotolinks.length);
getal = toevalsgetal;
function fotowissel(links){
	if (getal == fotolinks.length){
	  getal = 0;
	}	
	document.getElementById(links).src = fotolinks[getal];
	getal++;
	setTimeout(function(){fotowissel(links)}, 4000);
}

fotorechts = new Array();
var nummer = 0;
for (var d = 0; d < 10; d ++){
	fotorechts[d] = 'homepagefotos/mainfotos1/fotomain' + (d+1) + '.jpg';
}
var gekozengetal = Math.floor(Math.random() * fotorechts.length);
nummer = gekozengetal;
function wisselfoto(rechts){
	if(nummer == fotorechts.length){
		nummer = 0;
	}
document.getElementById(rechts).src = fotorechts[nummer];
	nummer++;
	setTimeout(function(){wisselfoto(rechts)}, 4000);
}
</script>

            
<script type="text/javascript">
fotolinks = new Array();
var getal = 0;
for (var b = 0; b < 10; b ++){
  fotolinks[b] = 'homepagefotos/mainfotos/fotomain' + (b+1) + '.jpg';
}
var toevalsgetal = Math.floor(Math.random() * fotolinks.length);
getal = toevalsgetal;
function fotowissel(links){
	if (getal == fotolinks.length){
	  getal = 0;
	}	
	document.getElementById(links).src = fotolinks[getal];
	getal++;
	setTimeout(function(){fotowissel(links)}, 4000);
}
 
fotorechts = new Array();
var nummer = 0;
for (var d = 0; d < 10; d ++){
	fotorechts[d] = 'homepagefotos/mainfotos1/fotomain' + (d+1) + '.jpg';
}
var gekozengetal = Math.floor(Math.random() * fotorechts.length);
nummer = gekozengetal;
function wisselfoto(rechts){
	if(nummer == fotorechts.length){
		nummer = 0;
	}
document.getElementById(rechts).src = fotorechts[nummer];
	nummer++;
	setTimeout(function(){wisselfoto(rechts)}, 4000);
}
</script>
 

tweede

javascript code - Bekijk de code zonder highlighting - Klap code in

                <script type="text/javascript">
var images = new Array();
for (var k = 0; k < 3; k ++){
  images[k] = '$foto/fotomain' + (k+1) + '.jpg';
}
var teller = 1;
var pauze = 5000;

function opacWaarde(el, opacity) {
	opacity /= 100;
	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";}

function fadeBeeld(el, currentOpacity) {
	currentOpacity += 5;
	if (currentOpacity > 100) {
		opacWaarde(el, 100);
		var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
		prevEl.style.visibility = 'hidden';
		el.style.zIndex = 1;
		window.setTimeout(startFaden, pauze);}
	else {
		opacWaarde(el, currentOpacity);
		window.setTimeout(function() { fadeBeeld(el, currentOpacity); }, 50);}}

function startFaden() {
	var el = document.getElementById('beeldcontainer').childNodes[teller];
	el.style.visibility = 'visible';
	el.style.zIndex = 2;
	opacWaarde(el, 0);
	fadeBeeld(el,0);
	teller = (teller < images.length-1) ? teller + 1 : 0;}

function startScript() {
	var el = document.getElementById('beeldcontainer');
	while (el.firstChild) { el.removeChild(el.firstChild); }
	for(var i=0; i<images.length; i++) {
		var t = document.createElement('IMG');
		t.setAttribute('src',images[i]);
		t.style.position = 'absolute';
		t.style.visibility = 'hidden';
		el.appendChild(t);}
	el.firstChild.style.visibility = 'visible';
	window.setTimeout(startFaden, pauze);}
	
</script>
            
<script type="text/javascript">
var images = new Array();
for (var k = 0; k < 3; k ++){
  images[k] = '$foto/fotomain' + (k+1) + '.jpg';
}
var teller = 1;
var pauze = 5000;
 
function opacWaarde(el, opacity) {
	opacity /= 100;
	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";}
 
function fadeBeeld(el, currentOpacity) {
	currentOpacity += 5;
	if (currentOpacity > 100) {
		opacWaarde(el, 100);
		var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
		prevEl.style.visibility = 'hidden';
		el.style.zIndex = 1;
		window.setTimeout(startFaden, pauze);}
	else {
		opacWaarde(el, currentOpacity);
		window.setTimeout(function() { fadeBeeld(el, currentOpacity); }, 50);}}
 
function startFaden() {
	var el = document.getElementById('beeldcontainer').childNodes[teller];
	el.style.visibility = 'visible';
	el.style.zIndex = 2;
	opacWaarde(el, 0);
	fadeBeeld(el,0);
	teller = (teller < images.length-1) ? teller + 1 : 0;}
 
function startScript() {
	var el = document.getElementById('beeldcontainer');
	while (el.firstChild) { el.removeChild(el.firstChild); }
	for(var i=0; i<images.length; i++) {
		var t = document.createElement('IMG');
		t.setAttribute('src',images[i]);
		t.style.position = 'absolute';
		t.style.visibility = 'hidden';
		el.appendChild(t);}
	el.firstChild.style.visibility = 'visible';
	window.setTimeout(startFaden, pauze);}
 
</script>
 

zet ik binnen het script:

javascript code - Bekijk de code zonder highlighting - Klap code in

                window.onload=function(){wisselfoto('fotorechts'); fotowissel('fotolinks'); startScript('beeldcontainer')}
            
window.onload=function(){wisselfoto('fotorechts'); fotowissel('fotolinks'); startScript('beeldcontainer')}

Dan werkt fotolinks en fotorechts maar beeldcontainer niet

zet ik binnen het script:

javascript code - Bekijk de code zonder highlighting - Klap code in

                window.onload=function(){startScript('beeldcontainer'); wisselfoto('fotorechts'); fotowissel('fotolinks')}
            
window.onload=function(){startScript('beeldcontainer'); wisselfoto('fotorechts'); fotowissel('fotolinks')}

Dan werkt beeldcontainer en de andere niet.

vinTage schreef:

/me was here....met codetags!

2 antwoorden

Gesponsorde links

pinquin - 15/10/2010 10:25
HTML interesse		Hoi Petertje33, Eerst een klein dingetje: fotolinks = new Array(); staat geen 'var' voor (regel twee script 1). Verder denk ik (Ik heb het snel even getest met een kort scriptje) dat het probleem komt doordat je in beide scripts een window.setTimeout gebruikt. Hierdoor moet het tweede script dat aangeroepen wordt steeds wachten op de eerste en krijgt deze dus geen mogelijkheid om te starten. gr,

Petertje33 - 15/10/2010 18:27
Nieuw lid		Hallo Pinquin, Bedankt voor je reactie. Ik heb dit geprobeerd met die window.setTimeout aan te passen en weg te laten. Geeft het zefde effect. Die var heb ik er voor gezet.

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten