esempio script popup
Ciao a tutti....
volevo inserire nella raccolta foto del mio sito una galleria pop up per la visualizzazione....
ora sono nuovo del Javascript e del DHTML e anche se ho studiato un ottima guida, ora che devo programmare mi trovo un pò impacciato....
In pratica io ho preparato le thumbnails da disporre in un unica pagina e cliccando su queste thumb vorrei che si apra una finestra pop-up con la foto a grandezza originale...
Ho fatto qualche prova ma non riesco...come mi consigliate di procedere???
Grazie tante a tutti....:byebye:
guarda questo esmpio se vuoi
http://bluroy.altervista.org/laboratorio/paginaconscriptperpopupimmagini/scriptpopupimmagini.html
ciao!!:evil:
----------------------------------------------------------------------------------------
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!-- ;
currentImage = 0;
imageWidth = 250;
imageHeight = 250;
imagesArray = new Array(
"http://bluroy.altervista.org/CREAZIONELOGHI/loghiseriebg/images/SERIE%20BG-020.jpg",
"http://bluroy.altervista.org/CREAZIONELOGHI/loghiseriebg/images/SERIE%20BG-022.jpg"
); QUESTA PARTE DEL CODICE TI PERMETTE DI AGGIUNGERE LE IMMAGINI IL PERCORSO DEVE ESSERE COMPLETO E IN PIU SCEGLIERE LA MISURA DELLA POPUP ---------------------------------------------------------------------------------------------
function moveImage(increment) {
if (document.images) {
if (increment + currentImage < 0) currentImage = imagesArray.length;
if (increment + currentImage == imagesArray.length) currentImage = -1;
currentImage = currentImage + increment;
document.images["slide"].src = imagesArray[currentImage];
document.pre_comments.comments.value = commentsArray[currentImage];
}
}
function previewImage() {
var topPos = (screen.availheight - imageHeight) / 2;
var leftPos = (screen.availwidth - imageWidth) / 2;
var preview = window.open("","preview","status=0,toolbar=0,location=0,directories=0,menu=0,fullscreen=0,scrollbars=0,top=" + topPos + ",left=" + leftPos + ",width=" + imageWidth + ",height=" + imageHeight);
preview.document.write("<html><head><title>Image Preview<\/title><\/head>\n");
preview.document.write("<body leftmargin=\"0\" rightmargin=\"0\" topmargin=\"0\" bottommargin=\"0\" marginwidth=\"0\" marginheight=\"0\">\n");
preview.document.write("<img src=\"" + imagesArray[currentImage] + "\" border=\"0\" width=\"" + imageWidth + "\" height=\"" + imageHeight + "\">\n");
preview.document.write("<\/body><\/html>");
}
// -->
</SCRIPT>
</HEAD>
<BODY ONLOAD="initialize(); return true">
<DIV ALIGN="center">
<!-- Start: Slide Image -->
<A HREF="JavaScript
reviewImage()"
ONMOUSEOVER="window.status='Click here for an enlarged view of the image'; return true"
ONMOUSEOUT="window.status=''; return true"><IMG NAME="slide" SRC=" IN QUESTA PARTE DEL CODICE DEVI INSERIRE LA PRIMA FOTO CHE VUOI CHE SI VEDA E PUOI SCEGLIERE LE MISURE DELLE THUMBNAILS" WIDTH="100" HEIGHT="100" BORDER="0"></A>
<!-- End: Slide Image -->
</DIV>
<DIV ALIGN="center">
<!-- Start: 'Previous image' -->
<A HREF="JavaScript:moveImage(-1);"
ONMOUSEOVER="window.status='Show the previous image in the slideshow'; return true"
ONMOUSEOUT="window.status=''; return true">PREVIOUS</A>
<!-- End: 'Previous image' link -->
<!-- Start: 'Next image' -->
<A HREF="JavaScript:moveImage(1);"
ONMOUSEOVER="window.status='Show the next image in the slideshow'; return true"
ONMOUSEOUT="window.status=''; return true">NEXT</A>
</DIV>
