Aiutamici Forum
Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

apertura immagine ...con movimento ... Opzioni
danilolu
Inviato: Thursday, March 24, 2011 7:37:12 PM
Rank: Member

Iscritto dal : 12/29/2000
Posts: 22
non vorrei uno slider immagini tanto sofisticato, strano etc, etc, quindi ho creato una pagina con un insieme di foto (thumbnails) ora vorrei far aprire l'immagine con un formato piu' grande ... niente cose stratosferiche, però almeno con un po' di movimento, tipo apertura a tendina, a scacchi etc. etc ... ci sono già degli script per questo ? e dove dovrei inserirli ? allego il codice html:
<html>
<head>
<TITLE>indice opere 2008</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../images/galleryStyle.css" rel="stylesheet" type="text/css">

<script>

function ifExistsWrite(str){
var re = new RegExp ('\"', 'gi') ;
var newstr = str.replace(re, '&quot;');
if (newstr != "")
document.write(newstr+"<br>");
}

</script>

</head>
<body bgcolor="#000000" marginheight=0 marginwidth=0 leftmargin=0 topmargin=0>
<table width=100% height=100% align="center">
<tr align="center" valign="middle">
<td><table width="700" border="0" cellspacing="20">
<tr>
<th class="carattere-indice" scope="col">opere</th>
<th scope="col">&nbsp;</th>
<th scope="col">&nbsp;</th>
<th scope="col">&nbsp;</th>
<th scope="col">&nbsp;</th>
<th scope="col">&nbsp;</th>
</tr>
<tr>
<th scope="col"><a href="pages/aldiladelbeneedelmale1.htm"><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/aldiladelbeneedelmale1.jpg" width="100" height="100" border="0"></a></th>
<th scope="col"><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/carneeanima1.jpg" width="100" height="100"></th>
<th scope="col"><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/carneeanima2.jpg" width="100" height="100"></th>
<th scope="col"><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/carneeanima.jpg" width="100" height="100"></th>
<th scope="col"><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/crocifissione.jpg" width="100" height="100"></th>
<th scope="col"><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/deposizione.jpg" width="100" height="100"></th>
</tr>
<tr>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost1.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost2.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost3.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost4.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost5.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost6.jpg" width="100" height="100"></td>
</tr>
<tr>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost7.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost8.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost9.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost10.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost11.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost12.jpg" width="100" height="100"></td>
</tr>
<tr>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost13.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost14.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/ghost.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/interno.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/maternita.jpg" width="100" height="100"></td>
<td><img src="../../../../../Desktop/ARUBA-ROBERTA-MARZO-2011/OPERE/gallery-2008/images/tritticofrancy.jpg" width="100" height="100"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table> <p>&nbsp;</p></td>
</tr>
</table>
</body>
Sponsor
Inviato: Thursday, March 24, 2011 7:37:12 PM

 
lui49
Inviato: Thursday, March 24, 2011 8:03:44 PM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,833
:: jQuery Image Magnify v1.11

a me piace questo....qui ne trovi altri

http://www.dynamicdrive.com/dynamicindex4/index.html
danilolu
Inviato: Thursday, March 24, 2011 11:27:33 PM
Rank: Member

Iscritto dal : 12/29/2000
Posts: 22
Angel grazie lui49 ... a me servirebbe (siccome l'immagine grande l'ho creata con estensione .htm ... praticamente ho creato un'altra pagina) che cliccando sopra la thumbnail mi apre la pagina creata con un effetto a mo' di transizione .... che mi consigli ? ... comunque ti ringrazio anticipatamente,
lui49
Inviato: Friday, March 25, 2011 2:12:43 PM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,833
guarda....per queste cose io vengo dalla scuola del grande Ecofive: un sito deve essere funzionale per il messaggio che deve trasmettere altrimenti diventa dispersivo e poco interessante per chi cerca informazioni; perciò bando a musichette, lucette, effetti speciali......poi naturalmente ognuno può fare come meglio gli aggrada. Io userei semplicemene uno script di ingrandimento, senza ricorrere ad una nuova pagina (nel mio sito ne uso uno preso da quello che ti ho linkato...ma non ricordo quale....occorre indagare) che si imita ad ingrandire l'immagine e, attraverso l'attributo "title", a mettere anche la didascalia.
danilolu
Inviato: Saturday, March 26, 2011 8:53:35 AM
Rank: Member

Iscritto dal : 12/29/2000
Posts: 22
... no certo nemmeno io musichette etc... figurati lo sto preparando per mia moglie che è una pittrice ... ed è molto esigente e come te dice di non volere smancerie etc. etc. (se vuoi mi posti il tuo sito ... sono curioso di vedere a chi sto rompendo !!!! da un po' di giorni), comunque
dovrei aver risolto alla grande scaricando il prg " jalbum " e ho creato una presentazione molto gradevole ... (mia moglie è soddisfatta) l'unico problema che ho riscontrato è che da un bottone creato dal programma io ho inserito un collegamento ad un'altra pagina ... ma non mi ci va, è piantato lì !!! se puoi mi dai un occhiata ? ti posto la parte interessata e tutto il codice .... grazie in anticipo.

<div id="parent"><a href="C:\Documents and Settings\Dany\Documenti\ROBERTA\ARUBA-ROBERTA-MARZO-2011\pagina5-opere-APPROVATA.htm" title="Indietro alla pagina home" target="_parent" class="showhint">&nbsp;</a></div>

tutto il codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<!-- saved from url=(0014)about:internet -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>opere2008</title>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta name="title" content="opere2008" />
<link rel="image_src" href="opere2008%2Fslides%2Faldiladelbeneedelmale1.jpg" />
<link href="res/common.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]><link href="res/ie6fix.css" rel="stylesheet" type="text/css" /><![endif]-->
<link href="res/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="res/jquery.min.js"></script>
<script type="text/javascript">//<![CDATA[
var title='opere2008';
var level=0;
var uplink='C:\Documents and Settings\Dany\Documenti\ROBERTA\ARUBA-ROBERTA-MARZO-2011\pagina5-opere-APPROVATA.htm';
var resPath='res';
var relPath='';
var slideshow={delay:4000,loop:false,auto:false};
var newDays=0;
var askAtLast=true;
var enableMouseWheel=true;
var captionsOn=false;
var thumbsOn=false;
var fitImages=false;
var fitShrinkonly=false;
var borderWidth=10;
var thumbHeight=90;
var dirCount=0;
var numberLinks=false;
var images=new Array(
{file:'slides/aldiladelbeneedelmale1.jpg',video:false,thumb:'thumbs/aldiladelbeneedelmale1.jpg',caption:'',thmcapt:'<span class="nr">1</span>',link:'',orig:false,date:'',mod:15056,size:'',width:900,height:440},
{file:'slides/carneeanima.jpg',video:false,thumb:'thumbs/carneeanima.jpg',caption:'',thmcapt:'<span class="nr">2</span>',link:'',orig:false,date:'',mod:15056,size:'',width:588,height:592},
{file:'slides/carneeanima1.jpg',video:false,thumb:'thumbs/carneeanima1.jpg',caption:'',thmcapt:'<span class="nr">3</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:288,height:600},
{file:'slides/carneeanima2.jpg',video:false,thumb:'thumbs/carneeanima2.jpg',caption:'',thmcapt:'<span class="nr">4</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:231,height:600},
{file:'slides/crocifissione.jpg',video:false,thumb:'thumbs/crocifissione.jpg',caption:'',thmcapt:'<span class="nr">5</span>',link:'',orig:false,date:'',mod:15056,size:'',width:113,height:600},
{file:'slides/deposizione.jpg',video:false,thumb:'thumbs/deposizione.jpg',caption:'',thmcapt:'<span class="nr">6</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:110,height:600},
{file:'slides/ghost.jpg',video:false,thumb:'thumbs/ghost.jpg',caption:'',thmcapt:'<span class="nr">7</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:600,height:600},
{file:'slides/ghost1.jpg',video:false,thumb:'thumbs/ghost1.jpg',caption:'',thmcapt:'<span class="nr">8</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:121,height:600},
{file:'slides/ghost10.jpg',video:false,thumb:'thumbs/ghost10.jpg',caption:'',thmcapt:'<span class="nr">9</span>',link:'',orig:false,date:'',mod:15056,size:'',width:592,height:596},
{file:'slides/ghost11.jpg',video:false,thumb:'thumbs/ghost11.jpg',caption:'',thmcapt:'<span class="nr">10</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:600,height:560},
{file:'slides/ghost12.jpg',video:false,thumb:'thumbs/ghost12.jpg',caption:'',thmcapt:'<span class="nr">11</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:111,height:600},
{file:'slides/ghost13.jpg',video:false,thumb:'thumbs/ghost13.jpg',caption:'',thmcapt:'<span class="nr">12</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:115,height:600},
{file:'slides/ghost14.jpg',video:false,thumb:'thumbs/ghost14.jpg',caption:'',thmcapt:'<span class="nr">13</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:119,height:600},
{file:'slides/ghost2.jpg',video:false,thumb:'thumbs/ghost2.jpg',caption:'',thmcapt:'<span class="nr">14</span>',link:'',orig:false,date:'',mod:15056,size:'',width:146,height:594},
{file:'slides/ghost3.jpg',video:false,thumb:'thumbs/ghost3.jpg',caption:'',thmcapt:'<span class="nr">15</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:596,height:600},
{file:'slides/ghost4.jpg',video:false,thumb:'thumbs/ghost4.jpg',caption:'',thmcapt:'<span class="nr">16</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:152,height:600},
{file:'slides/ghost5.jpg',video:false,thumb:'thumbs/ghost5.jpg',caption:'',thmcapt:'<span class="nr">17</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:592,height:600},
{file:'slides/ghost6.jpg',video:false,thumb:'thumbs/ghost6.jpg',caption:'',thmcapt:'<span class="nr">18</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:113,height:600},
{file:'slides/ghost7.jpg',video:false,thumb:'thumbs/ghost7.jpg',caption:'',thmcapt:'<span class="nr">19</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:600,height:598},
{file:'slides/ghost8.jpg',video:false,thumb:'thumbs/ghost8.jpg',caption:'',thmcapt:'<span class="nr">20</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:588,height:600},
{file:'slides/ghost9.jpg',video:false,thumb:'thumbs/ghost9.jpg',caption:'',thmcapt:'<span class="nr">21</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:594,height:600},
{file:'slides/interno.jpg',video:false,thumb:'thumbs/interno.jpg',caption:'',thmcapt:'<span class="nr">22</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:598,height:600},
{file:'slides/maternita.jpg',video:false,thumb:'thumbs/maternita.jpg',caption:'',thmcapt:'<span class="nr">23</span>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:600,height:600},
{file:'slides/tritticofrancy.jpg',video:false,thumb:'thumbs/tritticofrancy.jpg',caption:'',thmcapt:'<span class="nr">24</span>',link:'',orig:false,date:'',mod:15058,size:'',width:900,height:290}
);
var _jaWidgetBarColor='black';
var likeBtnTheme='dark';
var text={atLastPage:'All&apos;ultima pagina',atLastPageQuestion:'Dove andiamo ora?',startOver:'Inizio',up:'Su di un livello',backToHome:'Indietro alla pagina home',stop:'Stop',upgradeBrowser:'Aggiorna il tuo browser!',upgradeBrowserExplain:'Stai usando una versione obsoleta di Internet Explorer, che non può visualizzare correttamente questo album.',contin:'Continua',download:'Download',original:'Originale',hiRes:'High Res',showExif:'Mostra i dati della foto (Exif/Iptc)',photoData:'Dati della foto',showLocation:'Mostra la posizione sulla mappa',map:'Mappa',noGPS:'Non sono stati trovati dati GPS',buyThis:'Acquista',notForSale:'Non in vendita.',shareOn:'Condividi su',checkOutThis:'Smarca'};
var share={likeBtn:false,tweetBtn:+false,facebook:false,twitter:false,digg:false,delicious:false,myspace:false,stumbleupon:false,email:false};
var rightClickProtect=false;
//]]></script>
<script type="text/javascript" src="res/skin.js"></script>
<link rel="alternate" href="album.rss" type="application/rss+xml"/>
</head>
<body>
<div id="splash">
<div id="header" style="background-image:url(folderimage.jpg);">
<div id="title">
<div id="parent"><a href="C:\Documents and Settings\Dany\Documenti\ROBERTA\ARUBA-ROBERTA-MARZO-2011\pagina5-opere-APPROVATA.htm" title="Indietro alla pagina home" target="_parent" class="showhint">&nbsp;</a></div>
<div class="texts">
<h1>opere2008</h1>
</div>
<div class="clear"></div>
</div>
<div id="startbtn">&nbsp;</div><div id="starttext">Inizia presentazione</div>
</div>
<div id="galleries"><div id="gallerycnt">
<div id="grid">
<ul class="thmb">
<li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li>
</ul>
<div class="clear"></div>
</div>
</div></div>
<div id="footer">
24 immagini &nbsp; &middot; &nbsp;
Create <a href="http://jalbum.net/">web photo albums</a> and <a href="http://jalbum.net/photo-book">photo books</a> with <a href="http://jalbum.net" title="jAlbum, genetarore di album freeware, v9.2" class="showhint">jAlbum</a> &nbsp; &middot; &nbsp; <a href="http://jalbum.net/skins/skin/Turtle" title="Skin: Turtle Black, v1.4.3" class="showhint">Turtle Skin</a> &nbsp; &middot; &nbsp;
<a href="javascript:void(0)" class="showhelp">Aiuto</a>
</div>
</div>
<div id="images" style="display:none;">
<div class="current"></div>
<div class="swap"></div>
<div class="wait"></div>
<div id="navigation">
<div id="thumbs">
<div id="scroll-left">&nbsp;</div><div id="scroll-right">&nbsp;</div>
<div id="thumbcnt"><ul class="thmb" style="width:2400px">
<li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li>
</ul></div>
</div>
<div id="controls"><ul class="showhint"><li id="prev" title="Immagine precedente">&nbsp;</li><li id="up" title="Alla pagina iniziale">&nbsp;</li><li id="noresize" title="Dimensioni originali">&nbsp;</li><li id="resize" title="Adatta allo schermo">&nbsp;</li><li id="info" title="Mostra titolo / info">&nbsp;</li><li id="noinfo" title="Nascondi titolo / info">&nbsp;</li><li id="index" title="Mostra icone">&nbsp;</li><li id="noindex" title="Nascondi icone">&nbsp;</li><li id="play" title="Inizia presentazione">&nbsp;</li><li id="pause" title="Interrompi presentazione">&nbsp;</li><li id="next" title="Immagine successiva">&nbsp;</li></ul><div class="clear"></div></div>
</div>
</div>
<div id="help">
<div class="window" id="helpsplash"><div class="close"><a href="javascript:void(0)" title="Chiudi finestra" class="showhint">&nbsp;</a></div><h2>Pagina iniziale &middot; <a href="">Pagina immagine</a></h2>
<ol><li><b>Su</b> di un livello <em>Freccia in su</em></li><li>Inizia <b>presentazione</b> <em>Tast.numerico *</em> <em>Spazio</em></li><li>Sotto-album e icone (se esistono)</li><li>Bottoni <b>Condividi</b> e <b>Mi piace</b> per condividere questo album sui siti di social networking</li></ol><p>Premi <b>F1</b> in qualsiasi momento per ottenere aiuto!</p></div>
<div class="window" id="helpimage"><div class="close"><a href="javascript:void(0)" title="Chiudi finestra" class="showhint">&nbsp;</a></div><h2><a href="">Pagina iniziale</a> &middot; Pagina immagine</h2>
<ol><li>Finestra icone di navigazione</li><li>Immagine <b>precedente</b> <em>Freccia a sinistra</em></li><li>Indietro alla <b>pagina iniziale</b> / su di un livello <em>Freccia in su</em></li><li>Alternativa <b>adatta allo schermo</b> o <b>dimensioni originali</b><em>Tast. numerico +</em></li><li>Mostra/nascondi <b>titoli</b> e altre informazioni <em>Tast. numerico -</em></li><li>Mostra/nascondi <b>icone</b> <em>Tast. numerico -</em></li><li>Inizia/interrompi <b>presentazione</b> <em>Tast. numerico *</em> <em>Spazio</em></li><li>Immagine <b>successiva</b> <em>Freccia a destra</em></li><li><b>Clic sull'immagine</b> per andare alla prossima</li><li><b>Doppio clic sull'immagine</b> per passare da <b>adatta alla finestra</b> a <b>dimensioni originali</b> e viceversa. E' anche possibile <b>trascinare e spostare</b> se l'immagine è più grande dello schermo.</li><li><b>Finestra informazioni</b>: titolo, dati della foto, mappa, carrello acquisti, ecc.</li></ol></div>
</div>

<div id="jalbumwidgetcontainer"></div>
<script type="text/javascript" charset="utf-8"><!--//--><![CDATA[//><!--
_jaSkin = "Turtle";
_jaStyle = "Black.css";
_jaVersion = "9.2";
_jaGeneratorType = "desktop";
_jaLanguage = "it";
_jaPageType = "index";
_jaRootPath = ".";
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://jalbum.net/widgetapi/load.js";
document.getElementById("jalbumwidgetcontainer").appendChild(script);
//--><!]]></script>

</body>
</html>
danilolu
Inviato: Saturday, March 26, 2011 9:28:36 AM
Rank: Member

Iscritto dal : 12/29/2000
Posts: 22
Lui49 ... Integro il post precedente dicendoti che se sulla parte di codice per il rimando alla pagina che dico io ... ci metto per prova il sito vecchio di mia moglie ci va senza problemi:
<div id="parent"><a href="http://www.robertaubaldi.it/" title="Indietro alla pagina home" target="_parent" class="showhint">&nbsp;</a></div>
.... che puo' significare ? ... penso tra me e me ... c'è qualche parametro che da neofita e autodidatta non lo metto giusto ?
lui49
Inviato: Saturday, March 26, 2011 12:52:28 PM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,833
inverti lo slash "\" con "/".......
danilolu
Inviato: Saturday, March 26, 2011 2:46:28 PM
Rank: Member

Iscritto dal : 12/29/2000
Posts: 22
... ho provato così e non va:
<div id="parent"><a href="c:\Documents and Settings/Dany/Documenti/ROBERTA/ARUBA-ROBERTA-MARZO-2011/pagina2-bio-APPROVATA.htm" title="Indietro alla pagina home" target="_parent" class="showhint">&nbsp;</a></div>

... così e non va:
<div id="parent"><a href="Documents and Settings/Dany/Documenti/ROBERTA/ARUBA-ROBERTA-MARZO-2011/pagina2-bio-APPROVATA.htm" title="Indietro alla pagina home" target="_parent" class="showhint">&nbsp;</a></div>

....
danilolu
Inviato: Saturday, March 26, 2011 3:14:31 PM
Rank: Member

Iscritto dal : 12/29/2000
Posts: 22
ciao lui49, nel forum del sito www.jalbum.net, mi hanno risposto questo, tradotto come posso:
Il link deve essere un URL. Qualcosa di simile:
C: \ Documents and Settings \ Danny \ .... ecc
non è un URL. Un URL sul proprio PC sarebbe qualcosa di simile:
file: / / / C: / Documents% 20and% 20Settings/Danny /....
Inoltre, se si utilizza Internet Explorer come browser, non seguire un link a un file locale a causa del suo strano "sicurezza" regole.
Oltre a ciò, se si immette un URL che rimanda a un file sul proprio PC, come farebbe con qualsiasi visitatore del sito per il tuo album mai in grado di arrivare a questo? Le persone sul web non può vedere i file sul tuo PC.
... praticamente mi dice che non posso associare una pagina html ?!? non possiamo sistemare la cosa ?
lui49
Inviato: Saturday, March 26, 2011 7:14:14 PM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,833
questo è vero: se vuoi che la pagina venga vista deve essere messa on line sul sito e poi assegni il percorso per arrivarci. Però in locale dovrebbe funzionare ugualmente...occorre vedere il discorso relativo a IE. Puoi postare la risposta orignale del forum?
Prova a mettere la pagina nella stessa cartella della pagina principale ed elimina tutto il percorso....
danilolu
Inviato: Saturday, March 26, 2011 11:06:35 PM
Rank: Member

Iscritto dal : 12/29/2000
Posts: 22
queste sono le risposte:
1)
The link must be a URL. Something like:
C: \ Documents and Settings \ Danny \.... etc.
is not a URL. A URL on your own PC would be something like:
file:///C:/Documents%20and%20Settings/Danny/....
Also, if you're using Internet Explorer as your browser, it won't follow a link to a local file because of its own strange "security" rules.
Besides that, if you enter a URL that refers to a file on your own PC, how would any site visitor to your album ever be able to get to it? People on the web can't see files on your PC.
2)
No website can connect to files on your PC. It can connect only to files on a web server.

3)
Just put the page on your web server, and tell the album to link to it there.
I just don't understand why you would want complete strangers to be able to access the hard drive on your PC!

4)
You just need to enter the link so that it points to where that file is going to be on the web server when it has been uploaded.

5)
I'm sorry, but I don't understand what you mean.
Let's take a simple example. You create a website at http://example.com, and you create an index.html page that has links to several albums, each created with jAlbum. On your own page, each link might look like this:
<a href="2008works/index.html">Click here for the 2008 album</a>
So, you upload the 2008 album to http://example.com/2008works. When you make that album, you specify the uplink (to return to your own page) as just ../index.html . That's called a "relative link." In other words, when the album is on your web host, your own page will be sitting in the directory immediately above the album. So, to get back to it, go up one level.
Or you could specify the uplink as an absolute URL: http://example.com/index.html. In other words, no matter where the album is, when the visitor goes "up" from there, he lands on the page you created.










lui49
Inviato: Sunday, March 27, 2011 12:11:05 AM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,833
come detto: slash "/" per le url con sottocartelle. Dice però che IE non vuole aprire link
che portino a target in locale a causa delle alte sue impostazioni di protezione e che sarebbe comunque da folli mettere on line una url che porti al proprio pc permettendo a chiunque di accedervi. Devi quindi mettere la pagina sul tuo spazio web e linkarla lì. Poi ti spiega come lavora l'uplink.

Metti la pagina on line nella stessa cartella della "opere2008" così elimini tutto il percorso della url e prova.
danilolu
Inviato: Sunday, March 27, 2011 12:29:06 AM
Rank: Member

Iscritto dal : 12/29/2000
Posts: 22
risolto .... mentre mi hai scritto l'ultimo post ... ci sono arrivato !!! (sono un po' tonto !!!) in effetti è come hai detto te, devo prima mettere on-line il sito, quindi dal file *.htm che mi crea jalbum devo andare a linkare la pagina delle opere, che è on-line Brick wall Brick wall Brick wall
danilolu
Inviato: Sunday, March 27, 2011 10:04:12 AM
Rank: Member

Iscritto dal : 12/29/2000
Posts: 22
risolto il problema di cui sopra, posto questo ... spero l'ultimo, se lui49 esce a compassione forse mi aiuterà:
creato il file ***.htm da jalbum, lo vado ad aprire con dreamweaver e vedo solo la prima pagina con le relative thumbnails, cliccando su una di queste si apre l'immagine grande, ora sotto c'è una piccola descrizione che si allinea a sinistra .... come posso fare ad allinearla al centro ? posto sia il codice che il common.css dove vedo che ci sono un sacco di codici che potrei/dovrei toccare ...
grazie, sempre in anticipo, e buona domenica.
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<!-- saved from url=(0014)about:internet -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>opere2008</title>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta name="title" content="opere2008" />
<link rel="image_src" href="opere2008%2Fslides%2Faldiladelbeneedelmale1.jpg" />
<link href="res/common.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]><link href="res/ie6fix.css" rel="stylesheet" type="text/css" /><![endif]-->
<link href="res/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="res/jquery.min.js"></script>
<script type="text/javascript">//<![CDATA[
var title='opere2008';
var level=0;
var uplink='../';
var resPath='res';
var relPath='';
var slideshow={delay:4000,loop:false,auto:false};
var newDays=0;
var askAtLast=true;
var enableMouseWheel=true;
var captionsOn=false;
var thumbsOn=false;
var fitImages=false;
var fitShrinkonly=false;
var borderWidth=5;
var thumbHeight=90;
var dirCount=0;
var numberLinks=false;
var images=new Array(
{file:'slides/aldiladelbeneedelmale1.jpg',video:false,thumb:'thumbs/aldiladelbeneedelmale1.jpg',caption:'<div class="comment">Al di là del bene e del male, olio su lamiera ossidata, cm. 100 x 200</div>',thmcapt:'<span class="nr">1</span> <small>Al di là del bene e del male, olio su lamiera ossidata, cm. 100 x 200</small>',link:'',orig:false,date:'',mod:15034,size:'',width:900,height:440},
{file:'slides/carneeanima.jpg',video:false,thumb:'thumbs/carneeanima.jpg',caption:'<div class="comment">Carne e anima, olio su lamiera ossidata, cm. 52 x 52</div>',thmcapt:'<span class="nr">2</span> <small>Carne e anima, olio su lamiera ossidata, cm. 52 x 52</small>',link:'',orig:false,date:'',mod:15040,size:'',width:588,height:592},
{file:'slides/carneeanima1.jpg',video:false,thumb:'thumbs/carneeanima1.jpg',caption:'<div class="comment">Carne anima#1, olio su lamiera ossidata, cm. 100 x 48</div>',thmcapt:'<span class="nr">3</span> <small>Carne anima#1, olio su lamiera ossidata, cm. 100 x 48</small>',link:'',orig:false,date:'04/03/11 11.52',mod:15037,size:'',width:288,height:600},
{file:'slides/carneeanima2.jpg',video:false,thumb:'thumbs/carneeanima2.jpg',caption:'<div class="comment">Carne e anima#2, olio su lamiera ossidata, cm. 100 x 38</div>',thmcapt:'<span class="nr">4</span> <small>Carne e anima#2, olio su lamiera ossidata, cm. 100 x 38</small>',link:'',orig:false,date:'05/03/11 11.52',mod:15038,size:'',width:231,height:600},
{file:'slides/crocifissione.jpg',video:false,thumb:'thumbs/crocifissione.jpg',caption:'<div class="comment">Crocifissione, olio su lamiera ossidata, cm. 100 x 20</div>',thmcapt:'<span class="nr">5</span> <small>Crocifissione, olio su lamiera ossidata, cm. 100 x 20</small>',link:'',orig:false,date:'',mod:15041,size:'',width:113,height:600},
{file:'slides/deposizione.jpg',video:false,thumb:'thumbs/deposizione.jpg',caption:'<div class="comment">Deposizione, olio su lamiera ossidata, cm. 100 x 20</div>',thmcapt:'<span class="nr">6</span> <small>Deposizione, olio su lamiera ossidata, cm. 100 x 20</small>',link:'',orig:false,date:'09/03/11 11.52',mod:15042,size:'',width:110,height:600},
{file:'slides/ghost.jpg',video:false,thumb:'thumbs/ghost.jpg',caption:'<div class="comment">Ghost, olio su lamiera ossidata, cm. 100 x 100</div>',thmcapt:'<span class="nr">7</span> <small>Ghost, olio su lamiera ossidata, cm. 100 x 100</small>',link:'',orig:false,date:'24/03/11 11.52',mod:15057,size:'',width:600,height:600},
{file:'slides/ghost1.jpg',video:false,thumb:'thumbs/ghost1.jpg',caption:'<div class="comment">Ghost#1, olio su lamiera ossidata, cm. 100 x 20</div>',thmcapt:'<span class="nr">8</span> <small>Ghost#1, olio su lamiera ossidata, cm. 100 x 20</small>',link:'',orig:false,date:'10/03/11 11.52',mod:15043,size:'',width:121,height:600},
{file:'slides/ghost10.jpg',video:false,thumb:'thumbs/ghost10.jpg',caption:'<div class="comment">Ghost#10, olio su lamiera ossidata, cm. 60 x 60</div>',thmcapt:'<span class="nr">9</span> <small>Ghost#10, olio su lamiera ossidata, cm. 60 x 60</small>',link:'',orig:false,date:'',mod:15052,size:'',width:592,height:596},
{file:'slides/ghost11.jpg',video:false,thumb:'thumbs/ghost11.jpg',caption:'<div class="comment">Ghost#11, olio su lamiera ossidata, cm. 52 x 52</div>',thmcapt:'<span class="nr">10</span> <small>Ghost#11, olio su lamiera ossidata, cm. 52 x 52</small>',link:'',orig:false,date:'20/03/11 11.52',mod:15053,size:'',width:600,height:560},
{file:'slides/ghost12.jpg',video:false,thumb:'thumbs/ghost12.jpg',caption:'<div class="comment">Ghost#12, olio su lamiera ossidata, cm. 100 x 20</div>',thmcapt:'<span class="nr">11</span> <small>Ghost#12, olio su lamiera ossidata, cm. 100 x 20</small>',link:'',orig:false,date:'21/03/11 11.52',mod:15054,size:'',width:111,height:600},
{file:'slides/ghost13.jpg',video:false,thumb:'thumbs/ghost13.jpg',caption:'<div class="comment">Ghost#13, olio su lamiera ossidata, cm. 100 x 20</div>',thmcapt:'<span class="nr">12</span> <small>Ghost#13, olio su lamiera ossidata, cm. 100 x 20</small>',link:'',orig:false,date:'22/03/11 11.52',mod:15055,size:'',width:115,height:600},
{file:'slides/ghost14.jpg',video:false,thumb:'thumbs/ghost14.jpg',caption:'<div class="comment">Ghost#14, olio su lamiera ossidata, cm. 100 x 20</div>',thmcapt:'<span class="nr">13</span> <small>Ghost#14, olio su lamiera ossidata, cm. 100 x 20</small>',link:'',orig:false,date:'23/03/11 11.52',mod:15056,size:'',width:119,height:600},
{file:'slides/ghost2.jpg',video:false,thumb:'thumbs/ghost2.jpg',caption:'<div class="comment">Ghost#2, olio su lamiera ossidata, cm. 80 x 20</div>',thmcapt:'<span class="nr">14</span> <small>Ghost#2, olio su lamiera ossidata, cm. 80 x 20</small>',link:'',orig:false,date:'',mod:15044,size:'',width:146,height:594},
{file:'slides/ghost3.jpg',video:false,thumb:'thumbs/ghost3.jpg',caption:'<div class="comment">Ghost#3, olio su lamiera ossidata, cm. 100 x 100</div>',thmcapt:'<span class="nr">15</span> <small>Ghost#3, olio su lamiera ossidata, cm. 100 x 100</small>',link:'',orig:false,date:'12/03/11 11.52',mod:15045,size:'',width:596,height:600},
{file:'slides/ghost4.jpg',video:false,thumb:'thumbs/ghost4.jpg',caption:'<div class="comment">Ghost#7, olio su lamiera ossidata, cm. 100 x 20</div>',thmcapt:'<span class="nr">16</span> <small>Ghost#7, olio su lamiera ossidata, cm. 100 x 20</small>',link:'',orig:false,date:'13/03/11 11.52',mod:15046,size:'',width:152,height:600},
{file:'slides/ghost5.jpg',video:false,thumb:'thumbs/ghost5.jpg',caption:'<div class="comment">Ghost#5, olio su lamiera ossidata, cm. 100 x 100</div>',thmcapt:'<span class="nr">17</span> <small>Ghost#5, olio su lamiera ossidata, cm. 100 x 100</small>',link:'',orig:false,date:'14/03/11 11.52',mod:15047,size:'',width:592,height:600},
{file:'slides/ghost6.jpg',video:false,thumb:'thumbs/ghost6.jpg',caption:'<div class="comment">Ghost#6, olio su lamiera ossidata, cm. 100 x 20</div>',thmcapt:'<span class="nr">18</span> <small>Ghost#6, olio su lamiera ossidata, cm. 100 x 20</small>',link:'',orig:false,date:'15/03/11 11.52',mod:15048,size:'',width:113,height:600},
{file:'slides/ghost7.jpg',video:false,thumb:'thumbs/ghost7.jpg',caption:'<div class="comment">Ghost#7, olio su lamiera ossidata, cm. 100 x 100</div>',thmcapt:'<span class="nr">19</span> <small>Ghost#7, olio su lamiera ossidata, cm. 100 x 100</small>',link:'',orig:false,date:'16/03/11 11.52',mod:15049,size:'',width:600,height:598},
{file:'slides/ghost8.jpg',video:false,thumb:'thumbs/ghost8.jpg',caption:'<div class="comment">Ghost#8, olio su lamiera ossidata, cm. 100 x 100</div>',thmcapt:'<span class="nr">20</span> <small>Ghost#8, olio su lamiera ossidata, cm. 100 x 100</small>',link:'',orig:false,date:'17/03/11 11.52',mod:15050,size:'',width:588,height:600},
{file:'slides/ghost9.jpg',video:false,thumb:'thumbs/ghost9.jpg',caption:'<div class="comment">Ghost#9, olio su lamiera ossidata, cm. 100 x 100</div>',thmcapt:'<span class="nr">21</span> <small>Ghost#9, olio su lamiera ossidata, cm. 100 x 100</small>',link:'',orig:false,date:'18/03/11 11.52',mod:15051,size:'',width:594,height:600},
{file:'slides/interno.jpg',video:false,thumb:'thumbs/interno.jpg',caption:'<div class="comment">Interno, olio su lamiera ossidata, cm. 100 x 100</div>',thmcapt:'<span class="nr">22</span> <small>Interno, olio su lamiera ossidata, cm. 100 x 100</small>',link:'',orig:false,date:'25/03/11 11.52',mod:15058,size:'',width:598,height:600},
{file:'slides/maternita.jpg',video:false,thumb:'thumbs/maternita.jpg',caption:'<div class="comment">Maternità, olio su lamiera ossidata, cm. 100 x 100</div>',thmcapt:'<span class="nr">23</span> <small>Maternità, olio su lamiera ossidata, cm. 100 x 100</small>',link:'',orig:false,date:'26/03/11 11.52',mod:15059,size:'',width:600,height:600},
{file:'slides/tritticofrancy.jpg',video:false,thumb:'thumbs/tritticofrancy.jpg',caption:'<div class="comment">Trittico Francy, olio su lamiera ossidata, cm. 50 x 150</div>',thmcapt:'<span class="nr">24</span> <small>Trittico Francy, olio su lamiera ossidata, cm. 50 x 150</small>',link:'',orig:false,date:'',mod:15060,size:'',width:900,height:290}
);
var _jaWidgetBarColor='black';
var likeBtnTheme='dark';
var text={atLastPage:'All&apos;ultima pagina',atLastPageQuestion:'Dove andiamo ora?',startOver:'Inizio',up:'Su di un livello',backToHome:'Indietro alla pagina home',stop:'Stop',upgradeBrowser:'Aggiorna il tuo browser!',upgradeBrowserExplain:'Stai usando una versione obsoleta di Internet Explorer, che non può visualizzare correttamente questo album.',contin:'Continua',download:'Download',original:'Originale',hiRes:'High Res',showExif:'Mostra i dati della foto (Exif/Iptc)',photoData:'Dati della foto',showLocation:'Mostra la posizione sulla mappa',map:'Mappa',noGPS:'Non sono stati trovati dati GPS',buyThis:'Acquista',notForSale:'Non in vendita.',shareOn:'Condividi su',checkOutThis:'Smarca'};
var share={likeBtn:true,tweetBtn:+false,facebook:false,twitter:false,digg:false,delicious:false,myspace:false,stumbleupon:false,email:false};
var rightClickProtect=false;
//]]></script>
<script type="text/javascript" src="res/skin.js"></script>
<link rel="alternate" href="album.rss" type="application/rss+xml"/>
</head>
<body>
<div id="splash">
<div id="header" style="background-image:url(folderimage.jpg);">
<div id="title">
<div id="likeFacebook"></div>
<div id="parent"><a href="../" title="torna all'indice delle opere" target="_parent" class="showhint">&nbsp;</a></div>
<div class="texts">
<h1>opere2008</h1>
</div>
<div class="clear"></div>
</div>
<div id="startbtn">&nbsp;</div><div id="starttext">presentazione</div>
</div>
<div id="galleries"><div id="gallerycnt">
<div id="grid">
<ul class="thmb">
<li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li>
</ul>
<div class="clear"></div>
</div>
</div></div>
<div id="footer">
24 opere&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;Copyright roberta ubaldi</div>
</div>
<div id="images" style="display:none;">
<div class="current"></div>
<div class="swap"></div>
<div class="wait"></div>
<div id="navigation">
<div id="thumbs">
<div id="scroll-left">&nbsp;</div><div id="scroll-right">&nbsp;</div>
<div id="thumbcnt"><ul class="thmb" style="width:2400px">
<li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li><li><a href="">&nbsp;</a></li>
</ul></div>
</div>
<div id="controls"><ul class="showhint"><li id="prev" title="Immagine precedente">&nbsp;</li><li id="up" title="Alla pagina iniziale">&nbsp;</li><li id="noresize" title="Dimensioni originali">&nbsp;</li><li id="resize" title="Adatta allo schermo">&nbsp;</li><li id="info" title="Mostra titolo / info">&nbsp;</li><li id="noinfo" title="Nascondi titolo / info">&nbsp;</li><li id="index" title="Mostra icone">&nbsp;</li><li id="noindex" title="Nascondi icone">&nbsp;</li><li id="play" title="Inizia presentazione">&nbsp;</li><li id="pause" title="Interrompi presentazione">&nbsp;</li><li id="next" title="Immagine successiva">&nbsp;</li></ul><div class="clear"></div></div>
</div>
</div>
<div id="help">
<div class="window" id="helpsplash"><div class="close"><a href="javascript:void(0)" title="Chiudi finestra" class="showhint">&nbsp;</a></div><h2>Pagina iniziale &middot; <a href="">Pagina immagine</a></h2>
<ol><li><b>Su</b> di un livello <em>Freccia in su</em></li><li>Inizia <b>presentazione</b> <em>Tast.numerico *</em> <em>Spazio</em></li><li>Sotto-album e icone (se esistono)</li><li>Bottoni <b>Condividi</b> e <b>Mi piace</b> per condividere questo album sui siti di social networking</li></ol><p>Premi <b>F1</b> in qualsiasi momento per ottenere aiuto!</p></div>
<div class="window" id="helpimage"><div class="close"><a href="javascript:void(0)" title="Chiudi finestra" class="showhint">&nbsp;</a></div><h2><a href="">Pagina iniziale</a> &middot; Pagina immagine</h2>
<ol><li>Finestra icone di navigazione</li><li>Immagine <b>precedente</b> <em>Freccia a sinistra</em></li><li>Indietro alla <b>pagina iniziale</b> / su di un livello <em>Freccia in su</em></li><li>Alternativa <b>adatta allo schermo</b> o <b>dimensioni originali</b><em>Tast. numerico +</em></li><li>Mostra/nascondi <b>titoli</b> e altre informazioni <em>Tast. numerico -</em></li><li>Mostra/nascondi <b>icone</b> <em>Tast. numerico -</em></li><li>Inizia/interrompi <b>presentazione</b> <em>Tast. numerico *</em> <em>Spazio</em></li><li>Immagine <b>successiva</b> <em>Freccia a destra</em></li><li><b>Clic sull'immagine</b> per andare alla prossima</li><li><b>Doppio clic sull'immagine</b> per passare da <b>adatta alla finestra</b> a <b>dimensioni originali</b> e viceversa. E' anche possibile <b>trascinare e spostare</b> se l'immagine è più grande dello schermo.</li><li><b>Finestra informazioni</b>: titolo, dati della foto, mappa, carrello acquisti, ecc.</li></ol></div>
</div>

<div id="jalbumwidgetcontainer"></div>
<script type="text/javascript" charset="utf-8"><!--//--><![CDATA[//><!--
_jaSkin = "Turtle";
_jaStyle = "Black.css";
_jaVersion = "9.2";
_jaGeneratorType = "desktop";
_jaLanguage = "it";
_jaPageType = "index";
_jaRootPath = ".";
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://jalbum.net/widgetapi/load.js";
document.getElementById("jalbumwidgetcontainer").appendChild(script);
//--><!]]></script>

</body>
</html>

codice common.css
@charset "utf-8";
body, div, p, ul, ul li, table, form, dl, h1, h2, h3, h4, h5, h6, dl, dt, dd {
margin:0;
padding:0;/*
outline:1px solid #ccc;*/
}
body {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
background-color:#000000;
color:#999;
}
a {
color:#666666;
text-decoration:none;
}
a:hover {
color:#666666;
}
a img {
border:none;
text-decoration:none;
}
ul {
list-style:none;
}
.clear {
clear:both;
}
.hide {
display:none;
}
.addtop {
margin-top:10px;
}
#hint {
display:none;
position:absolute;
left:0;
top:0;
padding:8px;
color:#000;
max-width:200px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
background-image:url(w80.png);
z-index:99999;
}
#hint a {
color:#000;
}
#hint span.nr {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:#000;
font-weight:bold;
font-style:normal;
padding:1px 3px;
color:#ddd;
}
#modal {
display:none;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
z-index:99998;
background-image:url(k80.png);
}
#modal .panel {
margin:120px auto 0 auto;
width:400px;
padding:20px 15px 15px 15px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
background-image:url(w80.png);
text-align:center;
font-size:14px;
color:#000;
}
#modal .panel h3 {
margin-bottom:10px;
}
#modal .buttons {
display:block;
margin-top:10px;
text-align:center;
line-height:40px;
}
#modal .buttons a {
padding:5px 10px;
margin:5px;
color:#000;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background-color:#eee;
border:3px solid #999;
white-space:nowrap;
}
#modal .buttons a.active {
border-color:#444;
}
#modal .buttons a:hover {
background-color:#fff;
border-color:#000;
}

#splash {
position:absolute;
left:0;
right:0;
top:0;
bottom:25px;
background-color:#000000;
overflow:auto;
z-index:10;
}
#splash #header {
position:relative;
height:400px;
width:900px;
margin:0 auto;
-moz-border-radius:0 0 12px 12px;
-webkit-border-bottom-right-radius:12px;
-webkit-border-bottom-left-radius:12px;
border-radius:0 0 12px 12px;
background-position:center center;
background-repeat:no-repeat;
}
#splash #header #title {
background-image:url(k60.png);
padding:20px;
color:#fff;
}
#splash #header #title #parent {
float:left;
display:inline;
width:40px;
height:40px;
margin:0 20px 20px 0;
background-image:url(parent.png);
background-repeat:no-repeat;
background-position:center 0;
cursor:pointer;
}
#splash #header #title #parent:hover {
background-position:center -40px;
}
#splash #header #title #parent a {
line-height:40px;
display:block;
}
#splash #header #title .texts {
float:left;
display:inline;
width:680px;
}
#splash #header #title h1 {
font-size:18px;
font-weight:normal;
}
#splash #header #title h6 {
display:none;
font-size:14px;
font-weight:normal;
}
#splash #header:hover #title h6 {
display:block;
}
#tweetTwitter,
#likeFacebook {
float:right;
display:inline;
height:20px;
margin-top:10px;
}
#likeFacebook {
width:100px;
}
#tweetTwitter {
width:55px;
margin-right:10px;
}
#share {
position:relative;
float:right;
display:inline;
margin:10px 10px 0 0;
}
#share a {
padding:4px 5px;
line-height:12px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-image:url(k40.png);
}
#share a:hover, #shares {
background-image:url(k60.png);
}
#share a img {
vertical-align:middle;
}
#shares {
display:none;
position:absolute;
right:20px;
top:35px;
margin:20px 0 0 0;
padding:5px;
z-index:888;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
#shares a {
padding:2px 4px;
}
#shares a:hover {
background-color:#000;
}
#share a, #shares a {
color:#fff;
font-size:10px;
display:block;
line-height:12px;
}
#shares a img {
vertical-align:middle;
}
#splash #header #starttext {
position:absolute;
display:none;
bottom:20px;
right:120px;
height:90px;
line-height:90px;
font-size:18px;
color:#fff;
}
#splash #header #startbtn {
position:absolute;
bottom:20px;
right:20px;
width:90px;
height:90px;
background-image:url(startshow.png);
background-repeat:no-repeat;
background-position:center 0;
cursor:pointer;
}
#splash #header #startbtn:hover {
background-position:center -90px;
}
#splash #galleries {
position:relative;
width:920px;
min-height:110px;
margin:20px auto 10px auto;
padding-left:20px;
/*overflow:hidden;*/
}
.scrup,
.scrdn {
position:absolute;
right:0;
width:20px;
height:20px;
line-height:20px;
background-repeat:no-repeat;
background-position:0 center;
cursor:pointer;
}
.scrup:hover,
.scrdn:hover {
background-position:-20px center;
}
.scrup {
top:0;
background-image:url(up.png);
z-index:990;
}
.scrdn {
bottom:0;
background-image:url(down.png);
z-index:991;
}
.scrbar {
position:absolute;
right:3px;
width:14px;
top:20px;
bottom:20px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background-image:url(w20.png);
cursor:pointer;
}
.scrbar div {
position:absolute;
top:1px;
left:1px;
right:1px;
height:5px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background-color:#000000;
}
.scrbar div img {
width:100%;
height:100%;
}

#splash #galleries table {
display:block;
position:relative;
}
#splash #galleries td.folder {
vertical-align:top;
width:422px;
min-height:90px;
padding:10px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
background-image:url(w10.png);
overflow:hidden;
}
#splash #galleries td.folder:hover {
background-image:url(w20.png);
}
#splash #galleries td.folder .thumb {
position:relative;

float:left;
display:inline;
text-align:center;
width:90px;
overflow:hidden;
}
#splash #galleries td.folder .thumb a img {
max-width:90px;
max-height:90px;
border:none;
}
#splash #galleries .data {
float:right;
display:inline;
width:322px;
min-width:60px;
margin-left:10px;
}
#splash #galleries h4 {
margin-bottom:10px;
}
#splash #galleries p {
margin-top:10px;
}
#grid {
position:relative;
width:900px;
/*overflow:hidden;*/
}
#grid ul.thmb {
margin-left:0px;
}
#splash #footer {
margin:0 auto;
width:900px;
font-size:10px;
height:20px;
line-height:20px;
text-align:center;
}
#images {
position:absolute;
left:0;
right:0;
top:0;
bottom:25px;
}
#images a {
color:#fff;
text-decoration:none;
outline:none;
}
#navigation {
position:absolute;
top:-120px;
left:0;
right:0;
margin:0;
z-index:999;
}
#controls {
margin:0 auto;
width:340px;
height:60px;
-moz-border-radius:0 0 12px 12px;
-webkit-border-bottom-right-radius:12px;
-webkit-border-bottom-left-radius:12px;
border-radius:0 0 12px 12px;
background-image:url(k80.png);
z-index:999;
}
#controls a {
display:block;
}
#controls ul {
margin:0;
}
#controls ul li {
float:left;
display:inline;
width:40px;
height:60px;
line-height:60px;
cursor:pointer;
background-repeat:no-repeat;
background-position:center 0;
}
#controls ul li:hover {
background-position:center -60px;
}
#controls ul li#prev {
width:60px;
background-image:url(prev.png);
}
#controls ul li#up {
background-image:url(upbtn.png);
}
#controls ul li#resize {
background-image:url(window-full.png);
}
#controls ul li#noresize {
display:none;
background-image:url(window-sml.png);
}
#controls ul li#index {
background-image:url(thumbs-show.png);
}
#controls ul li#noindex {
display:none;
background-image:url(thumbs-hide.png);
}
#controls ul li#info {
background-image:url(info-show.png);
}
#controls ul li#noinfo {
display:none;
background-image:url(info-hide.png);
}
#controls ul li#play {
width:60px;
background-image:url(play.png);
}
#controls ul li#pause {
display:none;
width:60px;
background-image:url(pause.png);
}
#controls ul li#next {
width:60px;
background-image:url(next.png);
}
#pics {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
overflow:hidden;
}
#thumbs {
position:relative;
display:block;
height:120px;
width:860px;
margin:0 auto;
-moz-border-radius:0 0 12px 12px;
-webkit-border-bottom-right-radius:12px;
-webkit-border-bottom-left-radius:12px;
border-radius:0 0 12px 12px;
background-image:url(k80.png);
overflow:hidden;
z-index:998;
}
#thumbs #thumbcnt {
position:relative;
top:10px;
margin:0 40px;
height:100px;
overflow:hidden;
}
#thumbs #thumbcnt ul.thmb {
position:absolute;
left:0;
top:0;
height:100px;
}
ul.thmb li {
float:left;
display:inline;
position:relative;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
overflow:hidden;
text-align:center;
margin:1px;
}
#galleries ul.thmb li {
width:98px;
height:98px;
}
#thumbs ul.thmb li {
width:98px;
height:98px;
}
ul.thmb li:hover {
background-color:#ccc;
}
ul.thmb li.active {
background-color:#999;
}
ul.thmb li a {
display:table-cell;
vertical-align:middle;
position:relative;
padding:4px;
overflow:hidden;
text-align:center;
background-image:url(load.gif);
background-repeat:no-repeat;
background-position:center center;
}
#galleries ul.thmb li a {
width:90px;
height:90px;
}
#thumbs ul.thmb li a {
width:90px;
height:90px;
}
ul.thmb li a img {
vertical-align:middle;
border:0;
outline:none;
}
#thumbs ul.thmb li a img {
max-width:90px;
max-height:90px;
}
ul.thmb li a b {
vertical-align:middle;
display:inline-block;
height:100%;
font-size:1px;
}
td.folder .thumb a span,
ul.thmb li span {
position:absolute;
z-index:99;
width:15px;
height:15px;
background-image:url(new.png);
background-repeat:no-repeat;
}
td.folder .thumb a span {
top:0;
right:0;
}
ul.thmb li span {
top:5px;
right:5px;
}
ul.thmb li a b {
font-size:1px;
}
#thumbs #scroll-left {
position:absolute;
left:10px;
top:10px;
width:24px;
height:90px;
background-image:url(left.png);
background-repeat:no-repeat;
background-position:0 center;
}
#thumbs #scroll-left:hover {
background-position:-24px center;
cursor:pointer;
}
#thumbs #scroll-right {
position:absolute;
right:10px;
top:10px;
width:24px;
height:90px;
background-image:url(right.png);
background-repeat:no-repeat;
background-position:0 center;
}
#thumbs #scroll-right:hover {
background-position:-24px center;
cursor:pointer;
}
#thumbs #close {
position:absolute;
right:6px;
top:114px;
width:20px;
height:20px;
background-image:url(close.png);
background-repeat:no-repeat;
background-position:0 center;
}
#thumbs #close:hover {
background-position:-20px center;
cursor:pointer;
}
#images {
background-color:#000000;
}
#images .current,
#images .swap {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
overflow:hidden;
}
#images .current {
z-index:1;
}
#images .swap {
display:none;
z-index:2;
}
#images .current img,
#images .swap img {
position:relative;
-ms-interpolation-mode:bicubic;
border:5px solid #000000;
}
#images .wait {
display:none;
position:absolute;
left:0;
top:0;
right:0;
bottom:25px;
background-image:url(wait.gif);
background-position:center center;
background-repeat:no-repeat;
z-index:3;
}
#images .bottom {
position:absolute;
bottom:0;
left:0;
right:0;
z-index:99;
}
#images .caption {
position:relative;
width:830px;
margin:0 auto;
padding:5px 15px 10px 15px;
text-align:left;
color:#fff;
-moz-border-radius:12px 12px 0 0;
-webkit-border-top-left-radius:12px;
-webkit-border-top-right-radius:12px;
border-radius:12px 12px 0 0;
background-image:url(k80.png);
z-index:997;
}
#images .caption h2 {
margin-top:10px;
font-size:18px;
}
#images .caption .comment {
margin-top:10px;
}
#images .caption .comment a {
color:#666666;
}
#images .caption .comment a:hover {
color:#666666;
}
#images .caption .menu {
float:right;
display:inline;
margin:10px 0 10px 15px;
height:20px;
line-height:20px;
}
#images .caption .menu a.btn,
#images .caption .menu div.shares {
float:left;
display:inline-block;
height:20px;
margin-left:5px;
padding:2px 5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#000;
border:1px solid #333;
color:#ccc;
}
#images .caption .menu a.btn {
line-height:20px;
padding:2px 5px 2px 28px;
background-position:4px 2px;
background-repeat:no-repeat;
}
#images .caption .menu div.shares:hover,
#images .caption .menu a.btn:hover {
border:1px solid #666;
}
#images .caption .menu a.active {
border:1px solid #ccc;
color:#fff;
}
#images .caption .menu div.shares a {
display:inline-block;
}
#images .caption .menu div.shares a img {
vertical-align:middle;
border:none;
}
#images .caption .menu span.nr {
float:left;
display:inline-block;
line-height:20px;
margin-left:5px;
padding:3px 6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
background-image:url(w20.png);
color:#ccc;
}
#images .caption .menu span.nr b {
color:#fff;
}
.shop-icon {background-image:url(shop.png);}
.meta-icon {background-image:url(meta.png);}
.download-icon {background-image:url(download.png);}
.map-icon {background-image:url(map.png);}
.print-icon {background-image:url(print.png);}

#images .caption .meta {
display:none;
margin-top:10px;
font-size:10px;
color:#ccc;
overflow:hidden;
}
#images .caption .meta b {
color:#fff;
}
#images .caption .map {
display:none;
clear:both;
width:830px;
height:240px;
margin-top:10px;
overflow:hidden;
}
#images .caption .shop {
display:none;
clear:both;
margin-top:10px;
line-height:30px;
overflow:hidden;
}
#images .caption .shop form {
float:left;
display:inline;
line-height:30px;
}
#images .caption .shop form input {
vertical-align:middle;
margin:0 10px;
}
#images .caption .shop form.view {
margin-top:5px;
}
#images .caption .shop form #shopSelect,
#images .caption .shop form #shopQuantity,
#images .caption .shop form #shopAmount {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #333;
padding:3px 6px;
}
#images .caption .shop form #shopAmount {
background-color:#000;
font-weight:bold;
text-align:right;
color:#fff;
}
#help {
display:none;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
overflow:hidden;
z-index:9999;
}
#help .window {
position:relative;
width:640px;
min-height:280px;
max-height:80%;
margin:40px auto 0 auto;
padding:20px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
border:3px solid #444;
background-color:#000;
background-repeat:no-repeat;
background-position:20px 64px;
}
#help .window .close {
position:absolute;
right:4px;
top:4px;
width:20px;
height:20px;
}
#help .window .close a {
display:block;
line-height:20px;
background-image:url(close.png);
background-repeat:no-repeat;
background-position:-20px 0;
}
#help .window img.main {
position:absolute;
left:20px;
top:20px;
}
#help .window h2 {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #666;
text-align:center;
color:#fff;
}
#help .window h2 a {
color:#999;
}
#help .window h2 a:hover {
color:#ddd;
}
#help .window p,
#help .window ol {
padding-left:360px;
}
#help .window ol li {
margin:10px 10px 10px 0;
}
#help .window em {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
padding:2px 5px;
margin-left:10px;
background-color:#333;
font-style:normal;
color:#fff;
font-size:10px;
white-space:nowrap;
}
#help .window b {
font-weight:normal;
color:#fff;
}
#helpsplash {
display:none;
background-image:url(help-splash.png);
}
#helpimage {
display:none;
background-image:url(help-img.png);
}

#mp3player {
position:fixed;
right:5px;
top:5px;
width:60px;
height:20px;
z-index:9999;
}

.player {
position:absolute;
width:640px;
height:480px;
}
.qtplayer {
height:496px;
}
.wmplayer {
height:544px;
}
.flvplayer {
height:515px;
}

#noscript {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:999;
overflow:auto;
background-color:#000000;
}
#noscript div.head {
width:900px;
margin:20px auto;
}
#noscript div.head p {
margin:10px 0;
}
#noscript div.oneimg {
width:900px;
margin:20px auto;
outline:1px solid #999;
text-align:center;
}
#noscript div.oneimg a img {
outline:none;
border:none;
}
#noscript div.caption {
text-align:left;
padding:10px 20px;
}
lui49
Inviato: Sunday, March 27, 2011 1:13:17 PM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,833
ti do una risposta di getto...poi magari si trova altra soluzione:

avendo il tuo stesso problema ho risolto inserendo, nell'attributo title, tanti spazi "&nbsp;" fino ad arrivare a centrare la didascalia. (es. title="&nbsp;&nbsp;&nbsp;il Municipio")...un giorno magari risolverò diversamente.
nel tuo caso prova a inserirlo in "caption"

danilolu
Inviato: Sunday, March 27, 2011 2:42:24 PM
Rank: Member

Iscritto dal : 12/29/2000
Posts: 22
grazie, lui49 ... alla prossima
Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.