PDA

View Full Version : help x codice html

lisca
29-09-2006, 18: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">
&nbsp;</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">&nbsp;</p>
</td>
</tr>
<center></center>
<tr>
<td width="576" valign="top" height="5" style="padding-left: 5" colspan="2" bgcolor="#727E7D">
<h1>&nbsp;</h1>
</td>
</tr>
</table>
</div>

<p>&nbsp;</p>

</body>

</html>
emmedi
30-09-2006, 07:16
Non è meglio se usi uno script come questo http://coppermine-gallery.net/index.php ?
lisca
30-09-2006, 10:06
Non è meglio se usi uno script come questo http://coppermine-gallery.net/index.php ?

questo quale ? :mbe:
emmedi
30-09-2006, 12:22
Quello indicato nel link. Clicca su demo.
Cosa devi fare in particolare, se non sono indiscreto?
lisca
30-09-2006, 12:26
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 :D
quindi scarico il demo ?
emmedi
30-09-2006, 12: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.