Archief - JS/PHP: Popup / Extensie

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Sprits

Legacy Member
JS:
Ik heb op mijn site een pagina met allemaal thumbnails... als je op de thumbnail klikt komt er een popup op (javascript) met de grote image erin!
Nu wil ik ook dat als men op de grote image klikt er in de popup de volgende image komt.
Ik vind ni direct een methode om dit te doen!
Iemand die me hiermee kan helpen?

PHP:
http://giombetti.com/scripts.gio <-- hoe doe je dit?
Dit is toch een zelfgemaakte extensie?
ik heb vroeger nog zon sites gezien. Nu zou ik graag weten hoe je dit kan doen? Als het al mogelijk is!

|M°B|Morbuus

Legacy Member
Hoe is het script opgebouwd:

*DB
*Zoeken in mappen en dan in array
*...

Misschien eens het script posten kan handig zijn.

|M°B|Morbuus

Legacy Member
idd, is veel show

kan je alles aanhangen. Misschien eens de .pro toevoegen.

Sprits

Legacy Member
ik heb 2 scripts door elkaar gebruikt!

1tje om de thumbnails te make me GD Library (php gedeelte)
en het ander dient om de pop-up do groot als de foto te make! (javascript gedeelte)

Code:
<html>
<head>
<title>nibbler.be | Pictures</title>
<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  = 820;
defaultHeight = 620;

// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

var AutoClose = false;

// 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='+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=100-(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["George"].width;');writeln('window.innerHeight=document.images["George"].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()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();		
}}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<?php

   /*
     QuickGallery
     by Arthur Cote
     http://www.arthurcote.com
     [email protected]
     Copyright 2004 by Arthur Cote
     Please retain credit in this file
   */
   
  define( "THUMB_LOC", "pictures" );
  define( "IMAGE_LOC", "pictures");
  define( "TBL_COLS","4");


  class QuickGallery
  {

    function QuickGallery()
    {
    }

    function Draw()
    {
     $handle=opendir(THUMB_LOC);
     while ($file = readdir($handle))
     {
	   if( strstr($file, ".jpg") != FALSE )
       {
	   	   $linkfile = $file;
           $linkfile = str_replace("tn_", "", $linkfile);
       	   print "<a href=\"javascript:popImage('";
       	   print IMAGE_LOC . "/" . $linkfile;
	       print "')\"><img src=\"";
	       print THUMB_LOC . "/" . $file;
	       print "\" width=\"100\" height=\"75\" border=\"0\"></a>";
       }
     }
     closedir($handle);
    }
    function DrawGrid()
    {
    	$index=1;
       $handle=opendir(THUMB_LOC);

       print "<center><table border=\"0\">";
       while ($file = readdir($handle))
       {
         if( strstr($file, ".jpg") != FALSE )
         {
         	if( $index == 1 )
         	{
         		print "<tr>";
         	}

         	print "<td>";
	   	    $linkfile = $file;
            $linkfile = str_replace("tn_", "", $linkfile);
       		print "<a href=\"javascript:popImage('";
       		print  IMAGE_LOC . "/" . $linkfile;
	        print "')\"><img src=\"";
	        print THUMB_LOC . "/" . $file;
	        print "\" width=\"100\" height=\"75\" border=\"0\" alt=\"";
            print $linkfile;
            print "\"></a>";
            print "</td>";

       	    if( $index == TBL_COLS )
            {
         	   $index=0;
             	print "</tr>";
            }

         $index++;
         }
      }
      print "</table></center>";
     closedir($handle);

    }


  }

?>
</body>
</html>

Sprits

Legacy Member
dJeez zei:
Door een andere extensie te koppelen aan de PHP parser indien het daadwerkelijk PHP zou betreffen (via AddType application/x-httpd-php .extensie voor Apache). Persoonlijk zie ik daar echter het nut niet van in.

heeft inderdaad geen nut ma ik vin da wel cool :p

WHiSPy

Legacy Member
Via mod_rewrite kan je ook zo vanalle vieze trucjes beginnen uithalen.

Sprits

Legacy Member
Ik heb dees in mijnen .htacces gezet
en het werkt perfect

Code:
AddType application/x-httpd-php .nib

nu nog alleen da JS ding!

killgore

Legacy Member
nibbler.be zei:
heeft inderdaad geen nut ma ik vin da wel cool :p
eerder belachelijk en kan conflicten geven zodra je eens een deftige extensie wilt gaan toevoegen.

Ik gebruik het maar in 1 geval en dat is als ik echt mijn eigen web-app in c++ of zo schrijf.

Sprits

Legacy Member
kzal da wel zien als ik probleme krijg! ik heb altij nen backup vanalles...

iemand nu een ideetje voor die Javascript?
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan