Ciao a tutti,![]()
il mio problema è il seguente: sto completando un sito di un' autofficina
(www.armecanica.it) e si è presentata la necessità di avere un galleria
promozionale, con foto e caratteristiche del prodotto. La soluzione migliore
al momento, sembra essere questo codice in javascript che ho trovato in giro,
che potete vedere all' opera quì , ma causa problemi quando nella parte che quì sotto chiamo BODY SECTION, cerco di eliminare alcuni degli "elemeti", e cioè per esempio: sotto foto1 invece che 20 elementi ne voglio solo 4 e in
foto4 ne voglio solo 1.
Ho provo queste operazioni, e, o non funzionano bene i collegamenti alle gallery
o cliccando sulle miniature le apre in un' altra finestra.
Purtroppo non sò programmare in java, giusto qualche modifica, e quindi non
riesco a venirne a capo,
ma speravo che qualcuno di voi possa in qualche modo aiutarmi.
Allego tutto il codice javascript che stò usando. Sembra molto lungo visto quì, ma copiato nel blocco note o dremweaver o dove volete voi sara molto più digeribile.
Grazie![]()
manlio
---HEAD SECTION---
<SCRIPT language=JavaScript src="promogallery.js"
type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript type=text/javascript>
//<!--
function TipAFriendOpen( toolbar, menubar, statusbar, scrollbar,
resize, adressbar, url ){
var a = toolbar; var b = menubar; var c = statusbar; var d =
scrollbar; var e = resize; var f = adressbar;
var tipAfriendWindows;
tipAfriendWindows =window.open( url,'TipAFriend',
'width=450,height=300,toolbar='+a+',Menubar='+b+', status='+c+',scrollbars='+d
+',location='+f+',resizable='+e );
tipAfriendWindows.focus();
}
//-->
</SCRIPT>
---BODY SECTION---
<div id="gall">
<TABLE cellSpacing=0 cellPadding=0 align=center border=0 width="100%">
<TBODY>
<TR>
<TD vAlign=top>
<SCRIPT language=JavaScript type=text/javascript>
<!--
foto1=[
["1","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["2","promo/auto/small/mt123ab.jpg","promo/auto/big/mt123ab.jpg"],
["3","promo/auto/small/sd456sd.jpg","promo/auto/big/sd456sd.jpg"],
["4","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["5","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["6","promo/auto/small/sd456sd.jpg","promo/auto/big/sd456sd.jpg"],
["7","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["8","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["9","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["10","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["11","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["12","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["13","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["14","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["15","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["16","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["17","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["18","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["19","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"],
["20","promo/auto/small/ah070mz.jpg","promo/auto/big/ah070mz.jpg"]
];
foto2=[
["1","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["2","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["3","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["4","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["5","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["6","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["7","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["8","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["9","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["10","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["11","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["12","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["13","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["14","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["15","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["16","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["17","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["18","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["19","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"],
["20","promo/pn/small/sample.jpg","promo/pn/big/sample.jpg"]
];
foto3=[
["1","promo/cerchi/small/alfa.jpg","promo/cerchi/big/alfa.jpg"],
["2","promo/cerchi/small/alfa.jpg","promo/cerchi/big/alfa.jpg"],
["3","promo/cerchi/small/alfa.jpg","promo/cerchi/big/alfa.jpg"],
["4","promo/cerchi/small/alfa.jpg","promo/cerchi/big/alfa.jpg"],
["5","promo/cerchi/small/alfa.jpg","promo/cerchi/big/alfa.jpg"],
["6","promo/cerchi/small/alfa.jpg","promo/cerchi/big/alfa.jpg"],
["7","promo/cerchi/small/alfa.jpg","promo/cerchi/big/alfa.jpg"],
["8","promo/cerchi/small/alfa.jpg","promo/cerchi/big/alfa.jpg"],
["9","promo/cerchi/small/alfa.jpg","promo/cerchi/big/alfa.jpg"],
["10","promo/cerchi/small/alfa.jpg","promo/cerchi/big/alfa.jpg"],
["11","promo/cerchi/small/alfa.jpg","promo/cerchi/big/alfa.jpg"],
["12","promo/cerchi/small/alfa.jpg","promo/cerchi/big/alfa.jpg"]
];
foto4=[
["1","promo/bat/small/marelli.jpg","promo/bat/big/marelli.jpg"],
["2","promo/bat/small/marelli.jpg","promo/bat/big/marelli.jpg"],
["3","promo/bat/small/marelli.jpg","promo/bat/big/marelli.jpg"],
["4","promo/bat/small/marelli.jpg","promo/bat/big/marelli.jpg"],
["5","promo/bat/small/marelli.jpg","promo/bat/big/marelli.jpg"],
["6","promo/bat/small/marelli.jpg","promo/bat/big/marelli.jpg"],
["7","promo/bat/small/marelli.jpg","promo/bat/big/marelli.jpg"],
["8","promo/bat/small/marelli.jpg","promo/bat/big/marelli.jpg"],
["9","promo/bat/small/marelli.jpg","promo/bat/big/marelli.jpg"],
["10","promo/bat/small/marelli.jpg","promo/bat/big/marelli.jpg"],
["11","promo/bat/small/marelli.jpg","promo/bat/big/marelli.jpg"],
["12","promo/bat/small/marelli.jpg","promo/bat/big/marelli.jpg"],
["14","promo/bat/small/marelli.jpg","promo/bat/big/marelli.jpg"],
["15","promo/bat/small/marelli.jpg","promo/bat/big/marelli.jpg"]
];
//-->
</SCRIPT>
<DIV id=bottom>
<DIV id=link align=center></DIV>
<DIV id=galleryBig></DIV>
<DIV id=galleryThumbs></DIV>
<SCRIPT language=JavaScript
type=text/javascript>createGallery(1);</SCRIPT>
</DIV></TD>
</TR>
</TBODY>
</TABLE>
</div>
---FUNZIONI GALLERY promogallery.js---
function high(which2) {
theobject=which2
highlighting=setInterval("highlightit(theobject)", 20)
}
function low(which2) {
clearInterval(highlighting)
which2.filters.alpha.opacity=60
}
function highlightit(cur2) {
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}
function createGallery(gal)
{
if (gal=='1')
{
photoArray = foto1;
}
if (gal=='2')
{
photoArray = foto2;
}
if (gal=='3')
{
photoArray = foto3;
}
if (gal=='4')
{
photoArray = foto4;
}
document.getElementById("galleryBig").innerHTML = "[img]" + photoArray[0][2] + "[/img]";
document.getElementById("galleryThumbs").innerHTML = "";
for (i=0; i<photoArray.length; i++)
{
document.getElementById("galleryThumbs").innerHTML += "<a href='" +
photoArray[i][2] + "' onclick='changePic(\"" + photoArray[i][0] + "\");
return false'>[img]" + photoArray[i][1] + "[/img]</a>";
}
if (gal=='1')
{
document.getElementById("link").innerHTML = '<span
class="auto">AUTOVETTURE</span> - PNEUMATICI - CERCHI - BATTERIE</span>';
}
if (gal=='2')
{
document.getElementById("link").innerHTML = 'AUTOVETTURE - <span
class="pn">PNEUMATICI</span> - CERCHI - BATTERIE</span>';
}
if (gal=='3')
{
document.getElementById("link").innerHTML = 'AUTOVETTURE - PNEUMATICI - <span
class="cerchi">CERCHI</span> - BATTERIE</span>';
}
if (gal=='4')
{
document.getElementById("link").innerHTML = 'AUTOVETTURE - PNEUMATICI - CERCHI - <span
class="bat">BATTERIE</span>';
}
}
function changePic(num)
{
for (a=0; a<photoArray.length; a++)
{
if (num == photoArray[a][0])
{
document.getElementById("photo").src = "" + photoArray[a][2];
}
}
}