Buongiorno , sono nuovo nuovo e sto cercando di imparare un po di cosette da autodidatta.
Al momento ho per le mani un progettino che mi sta dando da pensare: devo fare una pagina che contiene una galleria di immagini di dimensioni DIVERSE.
Quello che ho fatto ieri è stato scartabellare su internet alla ricerca di come evitare che
- impostando una dimensione fissa delle immagini, alcune venissero distorte
- lasciando libera la dimensione, alcune sbordassero dallo schermo
e ci sono riuscito con un patchwork di vari script che ho trovato in giro.
Ora mi rimane il problema di scrivere sulla pagina il nome o il numero dell'immagine.
Per completezza vi riposto quanto fatto fino ad ora
chiaramente se metto solo il document.write ho il nome della prima immagine, ma non si aggiorna con lo scorrere delle immagini
Se associo la funzione modificatesto() funziona, ma dovrei fargli RISCRIVERE da zero tutto il documento. Esiste un metodo più elegante per risolvere?
Grazie
Al momento ho per le mani un progettino che mi sta dando da pensare: devo fare una pagina che contiene una galleria di immagini di dimensioni DIVERSE.
Quello che ho fatto ieri è stato scartabellare su internet alla ricerca di come evitare che
- impostando una dimensione fissa delle immagini, alcune venissero distorte
- lasciando libera la dimensione, alcune sbordassero dallo schermo
e ci sono riuscito con un patchwork di vari script che ho trovato in giro.
Ora mi rimane il problema di scrivere sulla pagina il nome o il numero dell'immagine.
Per completezza vi riposto quanto fatto fino ad ora
Codice:
<html>
<head>
<title>Test</title>
<SCRIPT LANGUAGE="Javascript"><!--
var pictures = new Array ("1m1.jpg","1m2.jpg","1m3.jpg");
var pictureNumber = 0;
var totalNumber = pictures.length;
function dimimg(a){
immagine = new Image(); immagine.src = a;
imgratiow = immagine.width/800;
imgratioh = immagine.height/600;
maxratio = valmax(imgratiow,imgratioh);
if (maxratio > 1){
newwidth = immagine.width / maxratio;
newheight = immagine.height / maxratio;
}
document.images.slides.width = newwidth;
document.images.slides.height = newheight;
}
function valmax(a,b){
(a>b) ? pippo=a : pippo=b ;
return pippo;
}
function previous(){
if (document.images){
if (pictureNumber > 0) pictureNumber--
else
pictureNumber = totalNumber - 1;
document.images.slides.src = pictures[pictureNumber];
dimimg(pictures[pictureNumber]);
}
}
function next(){
if (document.images){
if (pictureNumber < totalNumber - 1) pictureNumber++
else
pictureNumber = 0;
document.images.slides.src = pictures[pictureNumber];
dimimg(pictures[pictureNumber]);
}
// modificatesto()
}
//--></SCRIPT>
</head>
<body >
<br /><br />
<div align="center">
<A HREF="javascript:previous()">Indietro</A>
// qui devi inserire il nome o il numero dell'img
<script language=javascript>
//function modificatesto(){
document.write('<b>Img ' + pictureNumber + '</b>');
//}
</script>
<b></b>
<A HREF="javascript:next()">Avanti</A> <br>
<IMG SRC="blank.gif" NAME="slides">
</body>
</html>
chiaramente se metto solo il document.write ho il nome della prima immagine, ma non si aggiorna con lo scorrere delle immagini
Se associo la funzione modificatesto() funziona, ma dovrei fargli RISCRIVERE da zero tutto il documento. Esiste un metodo più elegante per risolvere?
Grazie