help x codice html

lisca · 29-09-2006, 17:58

ciao, teoricamnete volevo usare questo codice html da usare sul mio sito x visualizare le foto: in pretica se si sostituiscono nel codice i file ( foto1.jpg / foto2.jpg ecc ecc ovvero dove è presente l' estensione *.jpg )
aprendo la pagina con il brauser web si verdanno le mignature a lato e a contatto con il mouse al centro la foto ingrandita
ecco io mi chiedevo se si poteva ottimizare il tutto ovvero se adesempio alle mignature si potevano incorniciare in caselle tipo exel trovere 1 modo x veocizare l' inserimento delle foto sceglere la loro disposizione ed inserire 1 n° " iffinito di foto "
per caso è possibile ?
grazie

<html>

<head>

<title>foto</title>

<style TYPE="text/css">

BODY
{
scrollbar-base-color: 990000;
scrollbar-arrow-color: gray;
}
</style>

<title>dove siamo</title>

<script>

/*Rollover effect on different image script-
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/

function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}

</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}

preloadimages
("foto1.jpg",
"foto2.jpg",
"foto3.jpg",
"foto4.jpg",
"foto5.jpg" ,
"foto6.jpg" ,
"foto7.jpg",
"1.jpg",
"2.jpg",
"3.jpg",
"4.jpg",
"5.jpg",
"6.jpg",
"7.jpg",
"8.jpg",
"9.jpg",
"10.jpg",
"11.jpg",
"12.jpg" ,
"13.jpg ",
"14.jpg",
"15.jpg",
"16.jpg",
"17.jpg" ,
"18.jpg" ,
"19.jpg" ,
"20.jpg"
)
</script>

<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
</head>

<body topmargin="0" leftmargin="0" bgcolor="#666666" background="file:///D:/caravanservice%20BIS/images/2002-4.jpg">

<p align="center">
 </p>
<div align="center">
<table table border="1" cellspacing="3" cellpadding="0" bordercolor="#000000" style="border: 1px solid #000000; border-collapse:collapse" width="591" height="0">
<tr>
<td width="579" valign="top" bgcolor="#FFCC00" height="1" colspan="2" style="padding-left: 2">
<p align="center"><b><font face="Arial" color="#800000">FOTO</font></b></td>
</tr>
<tr>
<td width="467" valign="top" height="360" style="padding-left: 3; padding-top: 3" bgcolor="#5A7289" align="center"><center>
<h1 align="left"><br>
</h1>
<p align="left">
<a href="javascript:warp()"><img src="1.jpg" name="targetimage" border=0></a>
</center></td>
<td width="106" height="360" bgcolor="#1F3D4E" align="center">
<p align="right"><a onmouseover="changeimage(myimages[4],this.href)" href><br>
</a><a onmouseover="changeimage(myimages[10],this.href)" href>
<img border="0" src="file:///D:/caravanservice%20BIS/foto1.jpg" width="100" height="50"> </a><a onmouseover="changeimage(myimages[4],this.href)" href>
<img border="0" src="file:///D:/caravanservice%20BIS/foto2.jpg" width="100" height="50"></a><a onmouseover="changeimage(myimages[11],this.href)" href><img border="0" src="file:///D:/caravanservice%20BIS/foto3.jpg" width="100" height="50"> </a><a onmouseover="changeimage(myimages[5],this.href)" href>
<img border="0" src="file:///D:/caravanservice%20BIS/foto4.jpg" width="100" height="50"></a><a onmouseover="changeimage(myimages[14],this.href)" href><img border="0" src="file:///D:/caravanservice%20BIS/foto5.jpg" width="100" height="50"> </a><a onmouseover="changeimage(myimages[1],this.href)" href>
<img border="0" src="file:///D:/caravanservice%20BIS/foto6.jpg" width="100" height="50" align="absmiddle"></a><a onmouseover="changeimage(myimages[9],this.href)" href><img border="0" src="file:///D:/caravanservice%20BIS/foto7.jpg" width="100" height="50"></a></p>
<p align="right"> </p>
</td>
</tr>
<center></center>
<tr>
<td width="576" valign="top" height="5" style="padding-left: 5" colspan="2" bgcolor="#727E7D">
<h1> </h1>
</td>
</tr>
</table>
</div>

<p> </p>

</body>

</html>

emmedi · 30-09-2006, 06:16

Non è meglio se usi uno script come questo http://coppermine-gallery.net/index.php ?

lisca · 30-09-2006, 09:06

Quote:

Originariamente inviato da emmedi

Non è meglio se usi uno script come questo http://coppermine-gallery.net/index.php ?

questo quale ?

emmedi · 30-09-2006, 11:22

Quello indicato nel link. Clicca su demo.
Cosa devi fare in particolare, se non sono indiscreto?

lisca · 30-09-2006, 11:26

Quote:

Originariamente inviato da emmedi

Quello indicato nel link. Clicca su demo.
Cosa devi fare in particolare, se non sono indiscreto?

creare 1 pagina web x 1 galleria fotografica, ovvero delle mignature e poi cliccando sulla foto viene visualizata in formato + grande

quindi scarico il demo ?

emmedi · 30-09-2006, 11:45

Per il programma che ti ho detto io serve che il tuo spazio web supporti il php e ci sia un database mysql.
La demo serviva per farti vedere il funzionamento.

29-09-2006, 17:58	#1
lisca Senior Member Iscritto dal: May 2002 Città: Milano Messaggi: 5152	help x codice html ciao, teoricamnete volevo usare questo codice html da usare sul mio sito x visualizare le foto: in pretica se si sostituiscono nel codice i file ( foto1.jpg / foto2.jpg ecc ecc ovvero dove è presente l' estensione .jpg ) aprendo la pagina con il brauser web si verdanno le mignature a lato e a contatto con il mouse al centro la foto ingrandita ecco io mi chiedevo se si poteva ottimizare il tutto ovvero se adesempio alle mignature si potevano incorniciare in caselle tipo exel trovere 1 modo x veocizare l' inserimento delle foto sceglere la loro disposizione ed inserire 1 n° " iffinito di foto " per caso è possibile ? grazie <html> <head> <title>foto</title> <style TYPE="text/css"> BODY { scrollbar-base-color: 990000; scrollbar-arrow-color: gray; } </style> <title>dove siamo</title> <script> /Rollover effect on different image script- By Website Abstraction (http://wsabstract.com) Over 200+ free scripts here! / function changeimage(towhat,url){ if (document.images){ document.images.targetimage.src=towhat.src gotolink=url } } function warp(){ window.location=gotolink } </script> <script language="JavaScript1.1"> var myimages=new Array() var gotolink="#" function preloadimages(){ for (i=0;i<preloadimages.arguments.length;i++){ myimages[i]=new Image() myimages[i].src=preloadimages.arguments[i] } } preloadimages ("foto1.jpg", "foto2.jpg", "foto3.jpg", "foto4.jpg", "foto5.jpg" , "foto6.jpg" , "foto7.jpg", "1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg", "8.jpg", "9.jpg", "10.jpg", "11.jpg", "12.jpg" , "13.jpg ", "14.jpg", "15.jpg", "16.jpg", "17.jpg" , "18.jpg" , "19.jpg" , "20.jpg" ) </script> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> </head> <body topmargin="0" leftmargin="0" bgcolor="#666666" background="file:///D:/caravanservice%20BIS/images/2002-4.jpg"> <p align="center">  </p> <div align="center"> <table table border="1" cellspacing="3" cellpadding="0" bordercolor="#000000" style="border: 1px solid #000000; border-collapse:collapse" width="591" height="0"> <tr> <td width="579" valign="top" bgcolor="#FFCC00" height="1" colspan="2" style="padding-left: 2"> <p align="center"><b><font face="Arial" color="#800000">FOTO</font></b></td> </tr> <tr> <td width="467" valign="top" height="360" style="padding-left: 3; padding-top: 3" bgcolor="#5A7289" align="center"><center> <h1 align="left"><br> </h1> <p align="left"><!--webbot bot="HTMLMarkup" startspan --> <a href="javascript:warp()"><img src="1.jpg" name="targetimage" border=0></a> <!--webbot bot="HTMLMarkup" endspan i-checksum="14346" --></center></td> <td width="106" height="360" bgcolor="#1F3D4E" align="center"> <p align="right"><a onmouseover="changeimage(myimages[4],this.href)" href><br> </a><a onmouseover="changeimage(myimages[10],this.href)" href> <img border="0" src="file:///D:/caravanservice%20BIS/foto1.jpg" width="100" height="50"> </a><a onmouseover="changeimage(myimages[4],this.href)" href> <img border="0" src="file:///D:/caravanservice%20BIS/foto2.jpg" width="100" height="50"></a><a onmouseover="changeimage(myimages[11],this.href)" href><img border="0" src="file:///D:/caravanservice%20BIS/foto3.jpg" width="100" height="50"> </a><a onmouseover="changeimage(myimages[5],this.href)" href> <img border="0" src="file:///D:/caravanservice%20BIS/foto4.jpg" width="100" height="50"></a><a onmouseover="changeimage(myimages[14],this.href)" href><img border="0" src="file:///D:/caravanservice%20BIS/foto5.jpg" width="100" height="50"> </a><a onmouseover="changeimage(myimages[1],this.href)" href> <img border="0" src="file:///D:/caravanservice%20BIS/foto6.jpg" width="100" height="50" align="absmiddle"></a><a onmouseover="changeimage(myimages[9],this.href)" href><img border="0" src="file:///D:/caravanservice%20BIS/foto7.jpg" width="100" height="50"></a></p> <p align="right"> </p> </td> </tr> <center></center> <tr> <td width="576" valign="top" height="5" style="padding-left: 5" colspan="2" bgcolor="#727E7D"> <h1> </h1> </td> </tr> </table> </div> <p> </p> </body> </html> __________________ WEB DESIGNER di Milano* https://www.lisca.it

30-09-2006, 06:16	#2
emmedi Senior Member Iscritto dal: Dec 2000 Città: Pozzomaggiore (SS) Messaggi: 12590	Non è meglio se usi uno script come questo http://coppermine-gallery.net/index.php ?

30-09-2006, 11:22	#4
emmedi Senior Member Iscritto dal: Dec 2000 Città: Pozzomaggiore (SS) Messaggi: 12590	Quello indicato nel link. Clicca su demo. Cosa devi fare in particolare, se non sono indiscreto?

30-09-2006, 11:45	#6
emmedi Senior Member Iscritto dal: Dec 2000 Città: Pozzomaggiore (SS) Messaggi: 12590	Per il programma che ti ho detto io serve che il tuo spazio web supporti il php e ci sia un database mysql. La demo serviva per farti vedere il funzionamento.

Strumenti
Mostra una versione stampabile Invia questa pagina per email