Salve a tutti,
ho trovato in rete una semplice galleria fotografica implementata con uno script javascript! Vorrei modificare questo javascript in modo che ogni foto sia anche un link ad un sito (che è diverso per ogni foto)...solamente che nn so come inserire il link alla foto tramite javascript!!!
Vi allego il codice
<SCRIPT type="text/javascript" LANGUAGE="JavaScript">
var num=0;
// format: src, alt, text
imgArray = [
['../car.jpg', 'Cardiovascular', 'Text for Picture 1'],
['../gas.jpg', 'Gastroenterology','Text for Picture 2'],
['../mus.jpg', 'Musculoskeletal', 'Text for Picture 3'],
['../oph.jpg', 'Ophthalmic', 'Text for Picture 4'],
['../oti.jpg', 'Otic', 'Text for Picture 5'],
['../res.jpg', 'Respiratory', 'Text for Picture 6'],
['../uri.jpg', 'Uniary', 'Text for Picture 7'],
['../int.jpg', 'Integumentary', 'Text for Picture 8'],
['../end.jpg', 'Endocrine', 'Text for Picture 9'],
['../imm.jpg', 'Immunological', 'Text for Picture 10'],
['../neo.jpg', 'Antineoplastic', 'Text for Picture 11'],
['../neu.jpg', 'Neurological', 'Text for Picture 12'],
['../psy.jpg', 'Psychiatric', 'Text for Picture 13'],
['../dos.jpg', 'Drug Math', 'Text for Picture 14']
]
function LimitNumber(value) {
if (value < 0) { value = imgArray.length - 1; }
var value = value % imgArray.length;
return value;
}
function slide(slide_num,mypic,mylbl) {
document.getElementById(mypic).src=imgArray[slide_num][0];
document.getElementById(mypic).alt=imgArray[slide_num][1];
document.getElementById(mylbl).innerHTML=imgArray[slide_num][2];
}
function DisplaySlides(snos) {
var tmp = new Array();
tmp = snos.split(',');
var SNo = num;
for (i=0; i<tmp.length; i++) {
SNo = LimitNumber(i+num);
// alert(SNo+' : '+SNo+' : mypic'+tmp[i]+' : mlbl'+tmp[i]);
slide(SNo,'mypic'+tmp[i],'mylbl'+tmp[i]);
}
}
function MoveUp(snos) {
num = LimitNumber(num+1); DisplaySlides(snos);
}
function MoveDown (snos) {
num = LimitNumber(num-1); DisplaySlides(snos);
}
var timedNum = 0;
function TimedImage() {
timedNum++;
timedNum = LimitNumber(timedNum);
slide(timedNum,'mypic10','mylbl10');
}
var timedFunc = '';
function InitTimeInterval() {
timeFunc = setInterval("TimedImage()",3000);
}
</SCRIPT>
<body onLoad="InitTimeInterval()">
<TABLE border="0"><TR><TD>
<div style="border: 2px dotted red;">
[img]../car.jpg[/img]
<div id="mylbl0" style="font-size:larger;"> Text For Picture 1 </div>
[img]../gas.jpg[/img]
<div id="mylbl1" style="font-size:larger;"> Text For Picture 2 </div>
[img]../mus.jpg[/img]
<div id="mylbl2" style="font-size:larger;"> Text For Picture 3 </div>
<center>
Down
Up
</center>
</div>
</TD>
<TD></TD>
</TR>
</TABLE>
</body>
Qualcuno può darmi una mano??
Grazieeee