Hallo allemaal.
Op een website van me heb ik bij alle producten een plaatje geplaatst (een thumbnail). Als er op dit plaatje geklikt wordt wil ik echter dat het origineel geopend wordt in een pop-up, zij het echter op de helft van de originele afmetingen (omdat het origineel anders veel te groot is en de thumbnail is weer te klein)..
Het scriptje dat ik op dit moment gebruik komt van codelifter.com en heb ik deels aangepast, wat me nu lukt is om de pop-up in ieder geval op juiste afmetingen te openen (helft van de originele afmetingen van het plaatje). Het plaatje zelf wordt echter nog in zijn originele afmetingen getoond en past dus niet in de popup..
Iemand die me met dit laatste stapje kan helpen? De code voor de popup is als volgt:
<script>
// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.
// SETUPS:
// ===============================
// Set the horizontal and vertical position for the popup
PositionX = 100;
PositionY = 100;
// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)
defaultWidth = 500;
defaultHeight = 500;
// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows
var AutoClose = true;
// Do not edit below this line...
// ================================
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='+Positi onY;
var optIE='scrollbars=no,width=150,height=100,left='+P ositionX+',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>Aan het laden...</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("Micro soft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(300,300);');
writeln('width=(1/2)*(300-(document.body.clientWidth-document.images[0].width));');
writeln('height=(1/2)*(300-(document.body.clientHeight-document.images[0].height));');
writeln('window.resizeTo(width,height);}');writeln ('if (isNN){');
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.ima ges["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writ eln('</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()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();
}}
</script>
En de manier waarop ik de popup aanroep is als volgt:
<a href=\"javascript:popImage('http://www.mijnsite.nl/img/$r[urlafbeelding]','Hier een titel')\"><img src='http://www.mijnsite.nl/img/$rst[urlafbeelding_small]'></a>
Alvast bedankt voor jullie hulp!
- Plaatje in popup op helft van originele afmetingen tonen
-
11-09-2007, 17:39 #1
- Berichten
- 36
- Lid sinds
- 18 Jaar
Plaatje in popup op helft van originele afmetingen tonen
-
-
11-09-2007, 17:59 #2
ManagedWPHosting.nl
- Berichten
- 1.486
- Lid sinds
- 19 Jaar
waarom niet met PHP doen?
jemaakt een script:
popup_plaatje.php?plaatje=plaatje.jpg
die leest de hoogte en breedte in van je plaatje en output nette HTML met daarin die waardes / 2 ?
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic