Ciao a tutti!
in una pop up ho un'immagine all'interno di una tabella, è possibile fare in modo che la finestra si adatti in modo automatico allla dimensione dell'immagine senza dover impostare le dimensioni ogni volta dal link della pagina principale?
Così se dovessi aggiornare la foto di dimensioni differenti, nn dovrei cambiare le dimensioni anke nel link all'interno della pagina principale da cui imposto le dimensioni della finestra!
grassie in anticipo a tutti
Mi diceva sempre: "Mai mangiare a stomaco vuoto..."
Frank Cianuro - Aeroplane - Aran Blog - No Spez la Catena.
O lo fai con un DataBase, in modo da memorizzare all'interno di esso le dimensioni di ogni singola immagine, oppure fai una funziona diverse per ogni immagine.
FEDERIX.IT - [Pillola] GRAFICA DEI FORM
...ho ancora quella forza che ti serve, quando dici "Si comincia!"
Un database è un pò troppo complicato per quell oche devo fare...per la funzione come faccio? :master:Originariamente inviato da Federix
O lo fai con un DataBase, in modo da memorizzare all'interno di esso le dimensioni di ogni singola immagine, oppure fai una funziona diverse per ogni immagine.
Mi diceva sempre: "Mai mangiare a stomaco vuoto..."
Frank Cianuro - Aeroplane - Aran Blog - No Spez la Catena.
Così:Dove le dimensioni di width ed height saranno uguali alle dimensioni della foto grande.codice:Apri foto grande
PS = javascript si scrive tutto attaccato.
FEDERIX.IT - [Pillola] GRAFICA DEI FORM
...ho ancora quella forza che ti serve, quando dici "Si comincia!"
Questo è uno script di XINOD che non so dove reperirlo in rete così te lo posto, in sostanza ti crei una pagina che chiamerai fullsize.htm (questa è la pagina che visualizzerà tutte le tue foto):
<html>
<head>
<script language="javascript" type="text/javascript">
// copyleft xinod@html.it 2k+3
// se vuoi dare dei margini alla foto cambia questi 2 valori
w_add=0;
h_add=0;
ww=0;
hh=0;
OP=(window.opera)?1:0;
timer=false;
if(location.search) {
addr=location.search.substr(1);
addr=addr.split('&');
document.write('<title>'+unescape(addr[1])+'<\/title>');
}
b_w=function() {return ((window.innerWidth)?window.innerWidth:document.bo dy.clientWidth)}
b_h=function() {return ((window.innerHeight)?window.innerHeight:document. body.clientHeight)}
rsz=function() {self.resizeTo(ww,hh)}
function init() {
ww=b_w()
hh=b_h()
rsz()
ww2=b_w()
hh2=b_h()
w_add+=(ww-ww2)
h_add+=(hh-hh2)
ridimensiona()
}
function ridimensiona(){
var w_pix=(OP)?document.getElementById('pix').width:do cument.pix.width
var h_pix=(OP)?document.getElementById('pix').height:d ocument.pix.height
if(w_pix>28 && h_pix>30){
ww=w_pix+w_add
hh=h_pix+h_add
y_coord=((screen.availHeight-hh)<0)?0:parseInt((screen.availHeight-hh)/2)
x_coord=((screen.availWidth-ww)<0)?0:parseInt((screen.availWidth-ww)/2)
rsz()
self.moveTo(x_coord,y_coord)
self.focus()
if (OP && !timer) {
w_tmp=b_w(); h_tmp=b_h();
timer=setInterval('if(w_tmp!=window.innerWidth || h_tmp!=window.innerHeight){self.location.reload(tr ue)}',1000)
}
}
else setTimeout('ridimensiona()',1000)
}
</script>
</head>
<body onload="init()" onresize="ridimensiona()" topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 style="overflow:hidden">
<script language="javascript" type="text/javascript">
// se hai dato dei margini decommenta la riga qui sotto
// document.write('<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%"><tr><td align="center" valign="middle">');
document.write('[img]'+addr[0]+'[/img]');
// se hai dato dei margini decommenta la riga qui sotto
// document.write('<\/td><\/tr><\/table>');
</script>
</body>
</html>
Questa invece è la pagina che contiene i link (nell'esempio sono testuali ma possono essere anche thumbnails naturalmente)
<html>
<head><title>popup auto-ridimensionanti rispetto all' immagine contenuta</title>
<script language="javascript" type="text/javascript">
function apri(url_foto,des_foto){
addr="fullsize.htm?"+url_foto+"&"+escape(des_foto)
alt=150
lar=150
rszb=(document.layers)?1:0;
props='height='+alt+',width='+lar+',top='+parseInt ((screen.availHeight-alt)/2)+',left='+parseInt((screen.availWidth-lar)/2)+',scrollbars=0,resizable='+rszb+',toolbar=0,men ubar=0,location=0,status=0';
window.open(addr,'_blank',props);
}
</script>
</head>
<body>
foto uno
foto due
</body>
</html>
è semplice, intuitivo e ti risolve molte rogne.
:ciauz:
cosa accaderebbe domani?
Permessi di invio
Rispondi quotando