Galleria Immagini Pop up....

Mancio

Utente Attivo
1 Giu 2006
50
0
0
Pavia
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:
 

bluroy

Utente Attivo
31 Ott 2006
635
0
0
TORINO
bluroy.homeip.net
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:previewImage()"
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>
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
F [PHP] Galleria immagini PHP 6
I [CSS] Galleria immagini non funziona HTML e CSS 12
M [wordpress-galleria immagini]Inserire classe php in html PHP 0
ANDREA20 [HTML] galleria immagini HTML e CSS 2
L effetto galleria popup (immagini) jQuery 1
R Problema con didascalie galleria immagini PHP 1
R galleria immagini semplice a schermo intero jQuery 1
Trapano Galleria immagini semplice PHP 5
R Galleria di immagini ad apparimento jQuery 1
P Problema caricamento/sostituzione immagini galleria php-jquery jQuery 2
P Galleria immagini semplice Javascript 5
P Galleria immagini HTML e CSS 5
A Galleria d'immagini con PHP, Le GD2 e Mysql PHP 5
P Script galleria immagini PHP 3
S Problema galleria di immagini adobe bridge Web Server 0
W [Galleria immagini] Inserimento pagine PHP 12
P Galleria Immagini Flash 9
N Aiuto per galleria di immagini Javascript 3
G galleria immagini lightbox in jquery jQuery 0
F GALLERIA FALSH x immagini Flash 0
Silen Chiarimenti su galleria immagini PHP 3
D Galleria immagini in Flash gratuita Flash 0
F galleria immagini upload e resize... PHP 4
SolidSnake4 Problami visualizzazione galleria immagini Javascript 3
G Galleria immagini | funzione include in php PHP 2
SolidSnake4 galleria immagini php o javascript PHP 7
S galleria di immagini Webdesign e Grafica 3
G problema con galleria di immagini PHP 19
frankiedeguello Galleria immagini e Aruba, piccolo problema! Hosting 6
grottafelix Galleria Immagini (under costruction) Classic ASP 0
metalgemini Come creare galleria di immagini mettendo in rilievo l'ultima img vista... Classic ASP 1
Z Problema Galleria Javascript Javascript 1
V Galleria con CSS e Javascript Javascript 2
J Creata galleria fotografica con Adobe Bridge ...... Webdesign e Grafica 7
L [php e xml] per creare una galleria fotografica con diversi file xml PHP 0
S Galleria fotografica con geotag Webdesign e Grafica 14
T Galleria fotografica con valutazione HTML e CSS 5
asevenx cerco plugin per miniature galleria fotografica in widjet WordPress 1
M element style immodificabile dentro una galleria javascript Javascript 6
P domanda su galleria HTML e CSS 4
J Video galleria in php no prende l'id PHP 1
J Galleria di video PHP 1
L Centrare galleria immagine HTML e CSS 2
L galleria fotografica da cartella PHP 10
Monital galleria a fisarmonica con aga.js jQuery 3
M Galleria fotografica per inserzioni eBay HTML e CSS 1
asevenx galleria fotografica che da problemi con Internet Explorer Javascript 1
B creare galleria fotografica dreamweaver HTML e CSS 1
J Galleria fotografica jq editabile jQuery 0
M Galleria fotografica HTML e CSS 1

Discussioni simili