galleria

[sandro983]

Ciao a tutti!
Io ho una pagina contenente tante piccole foto (galleria), cliccando su di esse si apre una nuova finestra utilizzando questo procedimento:

1) ho creato un .js ne l quale ho inserito la seguente funzione:

var new_window = null;
function apriImage(nomefile) {
new_window = window.open(nomefile,'fot','width=480,height=450,r esizable=no,scrollbars=no');
}

2)nella pagina contenente le foto piccole richiamo il file con:
<script language="Javascript" src="fot.js"></script>

3) in ogni foto inserisco come a href il seguente codice:
<a href="javascript:apriImage('vetrina/fot1.htm')">

Però così facendo mi devo creare una pagina per ogni singola foto..la domanda è la seguente non esiste un modo per aprire le foto in una nuova pagina di dimensioni prestabilite, ma senza crearmi per ogni foto una pagina in html??? grazie a tutti!!!!!!!
spero di essere stato chiaro.

[iguane]

Originariamente inviato da sandro983
Ciao a tutti!
Io ho una pagina contenente tante piccole foto (galleria), cliccando su di esse si apre una nuova finestra utilizzando questo procedimento:

1) ho creato un .js ne l quale ho inserito la seguente funzione:

var new_window = null;
function apriImage(nomefile) {
new_window = window.open(nomefile,'fot','width=480,height=450,r esizable=no,scrollbars=no');
}

2)nella pagina contenente le foto piccole richiamo il file con:
<script language="Javascript" src="fot.js"></script>

3) in ogni foto inserisco come a href il seguente codice:
<a href="javascript:apriImage('vetrina/fot1.htm')">

Però così facendo mi devo creare una pagina per ogni singola foto..la domanda è la seguente non esiste un modo per aprire le foto in una nuova pagina di dimensioni prestabilite, ma senza crearmi per ogni foto una pagina in html??? grazie a tutti!!!!!!!
spero di essere stato chiaro.

si io ho fatto così.

Il risultato lo vedi QUI

In pratica apro sempre la stessa pagina passandolgi il nome dell'immagine.

La function apri la trovi invece QUI


La pagina contenitore si chiama viewfoto.htm

[sandro983]

grazie 1000!! sei un grande!! e alla prossima!!

[iguane]

Originariamente inviato da sandro983
grazie 1000!! sei un grande!! e alla prossima!!

Di nulla,
se hai problemi fammi sapere

[sandro983]

gentilissimo!!! senti mi daresti una mano a configurare lo script??

mi basta sapere dove devo mettere mano, le cose che posso cancellare
e quello che deve rimanere...sai sono alle prime armi con javascript,però ho tanta voglia di imparare.

ti ringrazio ancora!!!

[iguane]

Originariamente inviato da sandro983
gentilissimo!!! senti mi daresti una mano a configurare lo script??

mi basta sapere dove devo mettere mano, le cose che posso cancellare
e quello che deve rimanere...sai sono alle prime armi con javascript,però ho tanta voglia di imparare.

ti ringrazio ancora!!!

allora questa è la function per aprire le finestre:

function apri (URL){
var args=apri.arguments;
var w=args[1]?args[1]:280;
var h=args[2]?args[2]:300;
var l=args[3]?args[3](screen.width-w)/2);
var t=args[4]?args[4](screen.height-h)/2);
var s=args[5]?args[5]:'no';
var r=args[6]?args[6]:'no';
var features ="menubar=no,toolbar=no,width="+w+",height="+h+",s tatus=no,scrollbars="+s+",top="+t+",left="+l+",res izable="+r+"";

window.open(URL,"",features);
}


Per aprirle con diverse dimensioni basta fare così
..
E cambi i valori a tuo piacimento. PS se vuoi anche la barra di scorrimento allora devi fare così
..
In questo modo l afinestra rimarrà centrata rispetto alla pagina e comparirà la barra di scorrimento.




Questa function invece si occupa di caricare la foto

function showFoto(){

s = new String(window.location);
y = s.substring(s.indexOf('?') + 1);
n = y.indexOf('_');
N = y.substring(0,n);

document.write('<img src=\"foto/' + y + '\">')
document.write('

' + N + '')

}

La foto viene letta dall 'url ..viewfoto.htm?Twinky_02.jpg'
e in particolare è la parte in bold

Per non far scrivere il nome sotto l'immagine basta che togli questa parte di codice: document.write('

' + N + '')


Se hai problemi fammi sapere

[sandro983]

grazie ora provo e poi ti faccio sapere! ancora grazie!

[sandro983]

ciao scusa..
ho capito tutto quello che devo modificare, ma non ho capito come devo creare la pagina che si chiama viewfoto.htm, cioè cosa devo inserirci dentro???

Praticamente io modifico tl file script.js in base alle mie esigenze.
Poi su ogni immagine inserisco il tag <a href> con le modifiche come hai fatto tu....ma il problema è che non ho capito come fare appunto la pagina in cui si andranno a vedere le foto ingrandite!!

scusa ancora, abbi un pò di pazienza! sempre 1000 e grazie!!!

aspetto una tua risposta!! Sandro