[JS] Popup afmetingen van de afbeelding - Softwareontwikkeling

maandag 21 november 2005 20:28

Acties:

Topicstarter

Ik ben al een tijdje opzoek naar een goede popup code waarmee ik in mijn portfolio de vergrote afbeeldingen kan laten voor komen. En ben er ook al een paar tegen gekomen. Nu heb ik er een gevonden waarin de afbeeldings hoogte en breedte worden ingelezen zodat je die niet zelf handmatig hoeft optegeven. Maar wat ik me nu afvraag is, of dit (deze code) wel de beste / mooiste oplossing is om een afbeelding te laten zien in een popup venster of is er een betere manier om dit te doen?

Ik gebruik nu de code van de volgende website:
http://www.sitepoint.com/...ize-popup-fit-images-size

Toegepast op deze site:
http://www.digisphere.nl/portfolioedit.html (alleen toegepast op het eerste plaatje)
http://www.digisphere.nl/popup.htm

Ik krijg hem alleen nog niet helemaal goed. Ik heb de popup.htm aangepast zoals op het forum van sitepoint gezegt word zodat je je plaatjes ook in ander mappen kan plaatsen.

zie hier:
http://www.sitepoint.com/...php?p=1295041&postcount=4

Maar op een of ander manier klopt het nog niet. Daarom ook mijn vraag is dit nou DE oplossing om op een softcoded manier de plaatjes in een popup venster te laten zien?

maandag 21 november 2005 20:41

Acties:

NMe

Quia Ego Sic Dico.

Java is niet hetzelfde als Javascript.

Over HTML, CSS, JavaScript, Flash en Director topics *12-05*

PW>>WG

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.

dinsdag 22 november 2005 19:24

Acties:

Pixeldude

Topicstarter

Niemand?

dinsdag 22 november 2005 20:52

Acties:

André

Analytics dude

Ik denk dat je de code even moet posten als hij niet te lang is. Een popup script is vrij simpel om te analyseren, en er is ook veel over te vinden. Wat lukt er niet dan?

woensdag 23 november 2005 00:03

Acties:

Pixeldude

Topicstarter

Wat er niet goed gaat is dat hij het path niet goed uit leest.

Stukje in de header:

code:

<script language="Javascript">
   function PopupPic(sPicURL) {
     window.open( "popup.htm?"+sPicURL, "",
     "resizable=1,HEIGHT=200,WIDTH=200");
   }
   </script>

Het aanroepen via een thumbnail:

code:

1	<a href="javascript:PopupPic('images/portfolio/colage.jpg')">[img]"images/portfolio/colage_small.jpg"[/img]</a>

En de pagina popup.htm:

code:

<HTML>
    <HEAD>
        <TITLE>Fit the Pic Script</TITLE>
        <script language='javascript'>
            var temp=self.location.href.split("?");
            var imgname = (temp.length>1)?temp[1]:"";
            var referrer = (document.referrer);
            var NS = (navigator.appName=="Netscape")?true:false;

            function fitPic() {
                iWidth = (NS)?window.innerWidth:document.body.clientWidth;
                iHeight = (NS)?window.innerHeight:document.body.clientHeight;
                iWidth = document.images[0].width - iWidth;
                iHeight = document.images[0].height - iHeight;
                window.resizeBy(iWidth, iHeight-1);
                self.focus();
            };
        </script>
    </HEAD>
    <BODY bgcolor="#FFFFFF" onload='fitPic();' topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">
        <script language='javascript'>
            document.write( "[img]'"[/img]" );
        </script>
    </BODY>
</HTML>

Maar als er een betere / mooiere methode is om popups te laten voor komen zonder dat je de afmetingen hoeft aantegeven dan hoor ik het graag

woensdag 23 november 2005 00:03

Acties:

Verwijderd

deze site: http://www.fun-gokarts.nl/fotos.html maakt ook gebruik van zo'n popup, alleen deze is iets beter. Als je namelijk op de image klikt wordt ie gesloten, makkelijker kan haast niet. En de aanroep is non-javascript friendly. De source van de pop-up kan je copieren uit
http://www.fun-gokarts.nl/script.js

donderdag 24 november 2005 16:22

Acties:

Pixeldude

Topicstarter

Bedankt ik zal er eens naar kijken.