Salve e rieccomi, ho usato questo script e abbellito e chiaramente in una pagina web funziona benissimo e ve lo posto, chiaramente è un visualizzatore di immagini :
Adesso volevo inserirlo nel mio blog in un gadget html/javascript .
Quando si inserisce tutto il codice chiaramente i comandi body non li esegue e quindi mi ritrovo la seguente stringa :
da dover sostituire con un comando javascript che verrà interpretato, potete aiutarmi ?? Grazie.
HTML:
<HTML>
<HEAD>
<style type="text/css">
<!--
//<![CDATA[
.Caption {
font-family: vivaldi;
font-weight: bold;
font-size: 22pt;
color:black;
}
A.Controls:link { color:#666666;
text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
A.Controls:visited { color:#666666; text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
A.Controls:active { color:#666666; text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
A.Controls:hover { color:#00FF00; text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
-->
</style>
<script type="text/javascript">
<!--
// (C) 2003 by CodeLifter.com
// Free for all users, but leave in this header.
// ==============================
// Set the following variables...
// ==============================
// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 3;
var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this
var showHot = false; // don't change this
// Specify the image files...
// To add more images, just continue
// the pattern, adding to the array below.
// To use fewer images, remove lines
// starting at the end of the Picture array.
// Caution: The number of Pictures *must*
// equal the number of Captions!
Picture[1] = 'http://1.bp.blogspot.com/-CXpSTjfe6QA/UDKcxLPAmOI/AAAAAAAABjE/P4gkr01LPjw/s1600/Maschio+Angioino.jpg';
Picture[2] = 'http://2.bp.blogspot.com/-6j6mbZ7HviA/UDKcxLzN9EI/AAAAAAAABjA/4XnWT7tfQQg/s1600/CastelDelMonte.jpg';
Picture[3] = 'http://2.bp.blogspot.com/-7QfusEt0Rec/UDKcxF7kzHI/AAAAAAAABjI/fZ4pm8YPr74/s1600/CastelSantAngelo.jpg';
// Specify the Captions...
// To add more captions, just continue
// the pattern, adding to the array below.
// To use fewer captions, remove lines
// starting at the end of the Caption array.
// Caution: The number of Captions *must*
// equal the number of Pictures!
Caption[1] = "Foto1: inizio";
Caption[2] = "Castello antico del Medioevo, resistito sino ai giorni nostri per volonta' di mecenati del luogo";
Caption[3] = "Foto3";
// =====================================
// Do not edit anything below this line!
// =====================================
var tss;
var iss;
var jss = 0;
var pss = Picture.length-1;
var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}
function control(how){
if (showHot){
if (how=="H") jss = 1;
if (how=="F") jss = jss + 1;
if (how=="B") jss = jss - 1;
if (jss > (pss)) jss=1;
if (jss < 1) jss = pss;
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
}}
//]]>
-->
</script>
</HEAD>
<BODY>
<body onload='showHot=true;self.focus();'>
<div align="center"><table border=1 cellpadding=10 cellspacing=0 width=350px>
<tr>
<td width=350 height=300 colspan="3" style="background-color:red;">
<img src=http://1.bp.blogspot.com/-at2tjuIsg-M/UDKl6L5I1NI/AAAAAAAABkU/eu6zQm0wVZE/s1600/SECONDA1.gif; name=PictureBox width=350 height=300 alt="">
</td>
</tr>
<tr>
<td id=CaptionBox class=Caption align=center colspan="3" style="background-color:#FF6600";">
Premi i pulsanti < >
</td>
</tr>
<tr>
<td align="center" style="background-color:#33CCCC">
<a class=Controls href="#" onClick="javascript:control('B');" title="indietro">< <</a>
</td>
<td align="center" style="background-color:#FFFF66">
<a class=Controls href="#" onClick="javascript:control('H');" title="inizio">| | |</a>
</td>
<td align="center" style="background-color:#33CCCC">
<a class=Controls href="#" onClick="javascript:control('F');" title="avanti">> ></a>
</td>
</tr>
</table></div>
</BODY>
</HTML>Adesso volevo inserirlo nel mio blog in un gadget html/javascript .
Quando si inserisce tutto il codice chiaramente i comandi body non li esegue e quindi mi ritrovo la seguente stringa :
HTML:
<body onload='showHot=true;self.focus();'>
)
