[JS]Foto popup - doorklikken

**DhoTjai** · 07/11/06 20:55

Ik gebruik nu het volgende:

popup.js

Code:

PositionX = 100;
PositionY = 100;
defaultWidth  = 400;
defaultHeight = 400;
var AutoClose = true;
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=125-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');       
writeln('window.innerWidth=document.images["image"].width;');writeln('window.innerHeight=document.images["image"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">');
writeln('<img name="image" src='+imageURL+' style="display:block"></body></html>');
close();		
}}

html pagina

Code:

<a href="javascript:popImage('images/1.jpg','Foto 1')">
<img src="images/thumbs/1" border="0"></a>

<a href="javascript:popImage('images/2.jpg','Foto 2')">
<img src="images/thumbs/2.jpg" border="0"></a>

<a href="javascript:popImage('images/3.jpg','Foto 3')">
<img src="images/thumbs/3.jpg" border="0"></a>

Dit script 'auto resized' de foto naar het juiste formaat in IE, ik wil graag onder de foto in de popup scherm, twee buttons met vorige en volgende. Hoe kan ik dat doen?

**ErikKosters** · 07/11/06 22:41

Denk dat je dat met PHP moet doen. Of javascript een var meegeven en vanaf daar terug = a - b en verder = a +b

**robbinh** · 07/11/06 23:13

Oorspronkelijk geplaatst door ErikKosters

... Of javascript een var meegeven en vanaf daar terug = a - b en verder = a +b

Wel ook een maximum en minimumwaarde meegeven dan, anders probeert hij op een gegeven moment 1 - 1 = 0, die waarschijnlijk niet bestaat. Dit geldt uiteraard ook voor de laatste afbeelding in de reeks.

Toch is de beste en gemakkelijkste oplossing een PHP script.

**DhoTjai** · 08/11/06 00:39

Ik heb nu het volgende:

Code:

var myPic = new Array("images/1.jpg","images/2.jpg,"images/3.jpg")

function doPrevious() {
    if (document.images && thisPic > 0) {
        thisPic--
        document.myPicture.src=myPic[thisPic]
    }
}

function doNext() {
    if (document.images && thisPic < 3) {
        thisPic++
        document.myPicture.src=myPic[thisPic]
    }
}

html

Code:

<a href="javascript:doPrevious()"><img src="images/vorige.gif"> </a> <a href="javascript:doNext()"><img src="images/volgende.gif"></a>

Dit werkt wel, maar hoe kan ik dit 'implementeren'?
Heb al geprobeerd voor de </body> te zetten, maar ik denk dat het de resize het is dat het niet weergeeft. Of moet ik echt die resize weghalen? Vind het wel een handige functie vooral met verschillende maten van de foto's.

Onderwerp Gereedschap

Toon

Onderwerp: [JS]Foto popup - doorklikken

[JS]Foto popup - doorklikken

Webhostingtalk.nl

Link met ons

Partners

Contact