Link van plaatjes overgang in nieuw venster openen

Status
Niet open voor verdere reacties.
D

Dokterdree

Gebruiker
Lid geworden
10 jan 2011
Berichten
5
Hallo,

Op mijn website van de voetbalvereniging vvsellingen.nl heb ik een scriptje waarin plaatjes van sponsoren getoond worden. Als je op zo'n plaatje klikt dan gaat het naar de website van sponsor.
Echter nu heb ik dit scriptje geplaatst in een iframe zodat als er iets wijzigd ik niet alle pagina's hoef aan te passen.
Het probleem is echter nu dat hij de pagina van de sponsor opent in het iframe.
Kan ik het script ook zo aanpassen dat de kink in een nieuw venster of tabblad wordt geopent ??

Bij voorbaat dank

André

Hieronder het script wat ik gebruik:

Plak dit tussen de <head> tags

<script language="JavaScript1.1">
//voorladen van de plaatjes
var foto1=new Image()
foto1.src="1.gif"// foto 1
var foto2=new Image()
foto2.src="2.gif"// foto 2
var foto3=new Image()
foto3.src="3.gif"// foto 3
var foto4=new Image()
foto4.src="4.gif"// foto 4
var foto5=new Image()
foto5.src="5.gif"// foto 5
</script>


Plak dit als onloader ipv de 1e <body> tag
<body onLoad="overvloeier()">

Plak dit tussen de <body> tags

<a href="javascript:eek:vergang()"><img src="1.gif" name="slide" border=0 style="filter:blendTrans(duration=3)" width="150" height="100"></a>
</center>
<script>
var stap=1
var beeldnr=1
function overvloeier(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("foto"+stap+".src")
if (document.all)
slide.filters.blendTrans.play()
beeldnr=stap
if (stap<5)// aanpassen aan aantal plaatjes
stap++
else
stap=1
setTimeout("overvloeier()",4000)// de tijd tussen twee plaatjes in milliseconden
}
function overgang(){
if (beeldnr==1)
window.location="http://www.leejoo.nl"
else if (beeldnr==2)
window.location="http://www.leejoo.nl"
else if (beeldnr==3)
window.location="http://www.leejoo.nl"
else if (beeldnr==4)
window.location="http://www.leejoo.nl"
else if (beeldnr==5)
window.location="http://www.leejoo.nl" // bij meer foto's gewoon doornummeren
}
</script>
 
Ik heb "window.location" al veranderd in "window.open" maar dit werkt ook niet. ??
 
Je kan het eigenlijk beter iets anders aanpakken. Beter kun je de javascript in een apart bestand zetten en deze gewoon met de gebruikelijke script tags op je pagina's plaatsen.
Op deze manier hoef je het alleen maar in die pagina te wijzigen om het op elke pagina te wijzigen.
Dit is de betere manier. Iframe zal waarschijnlijk met javascript voor zover mijn kennis reikt altijd in hetzelfde venster openen.

Mocht het met script tags niet werken omdat hij misschien zeurt dat de elementen nog niet bestaan probeer dan php include of iets dergelijks?
 
Bah. Javascript 1.1, dat's uit 1997. We zijn ondertussen al wat, 14 jaar verder?

zie deze of deze of deze of deze.


En, zoals blackeagle67 al zei, zet het Javascript in een .js file, en voila. Klaar.
 
Bedankt voor de info, ga er binnenkort mee aan de gang en laat dan wel even weten hoe het is afgelopen.

Bedankt

André
 
Nieuw sciptje

Heb nu een nieuw scriptje gevonden wat prima werkt, maar als ik hem opsla als js file en er dan naar verwijs dan werkt hij niet.

Wat doe ik verkeerd

Dit is het scriptje:

[JS][JS]<script type="text/javascript">
var imgs1 = new Array("images/reclame/huchem_210.jpg","images/reclame/molema.jpg","images/reclame/handelprijzen_210.jpg","images/reclame/erdman210.jpg","images/reclame/Rabobank.jpg");
var lnks1 = new Array("www.huchem.nl","www.molema.nl","www.handelsprijzen.nl","http://www.erdman-makelaardij.nl","http://www.rabobank.nl");
var alt1 = new Array("Huchem","Molema","Handelsprijzen","Erdman","Rabobank");
var currentAd1 = 0;
var imgCt1 = 5;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",5000);
</script>
<a href=""www.huchem.nl"" id="adLink1" target="_blank">
<img src="images/reclame/huchem_210.jpg" id="adBanner1" border="0" width="210" height="60"></a>[/JS][/JS]
 
In de pagina <head></head>
HTML: 
<script type="text/javascript" src="/locatie/js/bestand/bestand.js"></script>

In bestand.js:

HTML: 
var imgs1 = new Array("images/reclame/huchem_210.jpg","images/reclame/molema.jpg","images/reclame/handelprijzen_210.jpg","images/reclame/erdman210.jpg","images/reclame/Rabobank.jpg");
var lnks1 = new Array("www.huchem.nl","www.molema.nl","www.handelsprijzen.nl","http://www.erdman-makelaardij.nl","http://www.rabobank.nl");
var alt1 = new Array("Huchem","Molema","Handelsprijzen","Erdman","Rabobank");
var currentAd1 = 0;
var imgCt1 = 5;
function cycle1() {
  if (currentAd1 == imgCt1) {
    currentAd1 = 0;
  }
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
  banner1.src=imgs1[currentAd1]
  banner1.alt=alt1[currentAd1]
  document.getElementById('adLink1').href=lnks1[currentAd1]
  currentAd1++;
}
  window.setInterval("cycle1()",5000);

Op pagina van toepassing
HTML: 
<a href=""www.huchem.nl"" id="adLink1" target="_blank">
<img src="images/reclame/huchem_210.jpg" id="adBanner1" border="0" width="210" height="60"></a>

ONGETEST!!!

en controleer zelf ook met debugger als t niet werkt. Een error in de debugger kan je verder helpen
 
Laatst bewerkt:
Opgelost

Bedankt allemaal en met name blackeagle67, met je scriptje is het gelukt.

Hartelijk dank allemaal
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan