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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>alcuni nostri lavori</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="generator" content="Jalbum 8.9 with the lightBox2 3.9.1 skin"/> <meta name="keywords" content=""/> <meta name="copyright" content="2010"/> <link rel="stylesheet" title="Standard" href="res/styles.css" type="text/css" media="screen" /> <script type="text/javascript"> var CB_ScriptDir='res/js/clearbox'; var CB_Language='en'; </script> <script src="res/js/clearbox.js" type="text/javascript"></script> <style type="text/css"> .topnav { font-size: 0.9em; color: #666; background-color: transparent; padding: 0.3em; } .topnav a{ font-size: 0.85em; color: #000; padding: 0.3em; } .topnav a:hover{ font-size: 0.85em; color: #F60; padding: 0.3em; } </style> <script type="text/javascript"> var // CB layout: CB_Config='default'; CB_WindowColor='#fff', // color of the CB window (note: you have to change the rounded-corner PNGs too!) CB_ImgMinWidth=120, // minimum / initial width of CB window CB_ImgMinHeight=120, // minimum / initial heigth of CB window CB_WinPadd=15, // Padding of the CB window from sides of the browser CB_RoundPix=12, // change this setting only if you are generating new PNGs for rounded corners CB_ImgBorder=0, // border size around the picture in CB window CB_ImgBorderColor='#ffffff', // border color around the picture in CB window CB_Padd=3, // padding around inside the CB window CB_TextH=35, // default height of the text area under the content in CB window (adding a comment will modify this setting) CB_PadT=10, // space in pixels between the content and the title / caption line CB_BodyMarginLeft=0, // CB_BodyMarginRight=0, // if you set margin to body, CB_BodyMarginTop=0, // please change these settings! CB_BodyMarginBottom=0, // CB_ShowThumbnails='auto', // it tells CB how to show the thumbnails (auto / always / off) thumbnails are only in picture-mode! CB_ThumbsBGColor='#000000', // color of the thumbnail layer CB_ThumbsBGOpacity=.35, // opacity of the thumbnail layer CB_SlideShowBarColor='#ffffff', // color of the slideshow bar CB_SlideShowBarOpacity=.50, // opacity of the slideshow bar CB_SlideShowBarPadd=17, // padding of the slideshow bar (left and right) CB_SlideShowBarTop=2, // position of the slideshow bar from the top of the picture in px CB_SimpleDesign='off', // If it's 'on', CB doesn't show the frame but only the image / content - really nice ;) CB_CloseBtnTop=-10, // vertical position of the close button in picture mode CB_CloseBtnRight=-14, // horizontal position of the close button in picture mode CB_CloseBtn2Top=-20, // vertical position of the close button in content mode CB_CloseBtn2Right=-30, // horizontal position of the close button in content mode CB_OSD='off', // turns on OSD // CB font, text and navigation (at the bottom of CB window) settings: CB_FontT='Verdana', // CB_FontSizeT=12, // These variables are referring to the title / caption line CB_FontColorT='#999999', // CB_FontWeightT='bold', // CB_FontC='Verdana', // CB_FontSizeC=11, // These variables are referring to CB_FontColorC='#aaaaaa', // comment lines under the title CB_FontWeightC='normal', // CB_TextAlignC='justify', // CB_TxtHMax=50, // maximum height of the comment box in pixels CB_FontG='Verdana', // CB_FontSizeG=11, // These variables are referring to the gallery name CB_FontColorG='#999', // under the title and / or the comment CB_FontWeightG='normal', // CB_ShowURL='off', // It shows url of the content CB_ImgNum='off', // It shows the ordinal number of the content in galleries CB_ImgNumBracket='()', // whatever you want ;) CB_ShowGalName='on', // It shows gallery name CB_TextNav='off', // It shows previous and next navigation CB_NavTextImgPrvNxt='off', // It shows previous and next buttons instead of text CB_ShowDL='off', // It shows download / fullsize / open in new window navigation CB_NavTextImgDL='off', // It shows download / fullsize / open in new window buttons instead of text CB_ImgRotation='off', // it shows the image rotation controls CB_NavTextImgRot='off', // it shows the image rotation buttons instead of text // Document-hiding layer's settings: CB_HideColor='#000000', // color of layer CB_HideOpacity=.85, // opacity (0 is invisible, 1 is 100% color) of layer CB_HideOpacitySpeed=400, // speed of fading CB_CloseOnH='on', // CB will close, if you click on background // CB animation settings: CB_Animation='double', // double, normal, off, warp or grow (high cpu usage) CB_ImgOpacitySpeed=450, // speed of picture / html page fading (in ms) CB_TextOpacitySpeed=350, // speed of text fading under the picture (in ms) CB_AnimSpeed=600, // speed of CB window's resizing animation (in ms) CB_ImgTextFade='on', // turns on or off the fading of image or other contents and text CB_FlashHide='off', // CB hides flash animations on the page before CB starts CB_SelectsHide='on', // CB hides select boxes on the page before CB starts CB_SlShowTime=3, // default speed of the slideshow (in sec) // CB picture settings: CB_PictureStart='start.png', // filename of start image CB_PicturePause='pause.png', // filename of pause image CB_PictureClose='close.png', // filename of close image CB_PictureNext='next.png', // filename of next image CB_PicturePrev='prev.png', // filename of previous image CB_Preload='on', // preload neighbour pictures in galleries // CB professional settings: CB_PicDir=CB_ScriptDir+'/config/'+CB_Config+'/pic/', // CHANGE ONLY IF YOU CHANGED THE DEFAULT DIRECTORY OF CB! CB_AllowedToRun='on', // if off, CB won't start (you can change this variable without reload!) CB_AllowExtFunctLoad='off', // if on, CB will run a function named CB_ExternalFunctionLoad(); every time after a new content has loaded (useful for audit, etc) CB_AllowExtFunctPageLoad='off', // if on, CB will run a function named CB_ExternalFunctionPageLoad(); after your html page has fully loaded CB_AllowExtFunctCBClose='off' // if on, CB will run a function named CB_ExternalFunctionCBClose(); after CB window has closed ; </script> <script src="res/js/yui.js" type="text/javascript"></script> <script type="text/javascript" src="res/js/all-min.js"></script> <style type="text/css"> .container { width: 530px; } .item { color: #666666; width: 149px; height: 154px; padding: 2px; display: inline; float: left; } .item img { padding: 5px; border: 1px solid #cccccc; } } .paginator-controls { width: 400px; margin: 20px auto; text-align: center; } .paginator-controls .previous, .paginator-controls .next, .paginator-controls .pages { display: inline; padding-right: 150px; } .paginator-controls .previous, .paginator-controls .next, .paginator-controls .pages span { border: 1px solid #ccc; cursor: pointer; font: bold 12px Arial, sans-serif; margin: 0 4px; padding: 2px 4px; background-image: url(res/icons/sprite.png); background-repeat: repeat-x; background-position: 0px 0px; color: #666666; } .paginator-controls .disabled { color: #ccc; cursor: default; } .paginator-controls .hovered { background-image: url(res/icons/sprite.png); background-position: 0px -1300px; } .paginator-controls .pages .selected { background-image: url(res/icons/sprite.png); background-repeat: repeat-x; background-position: 0px -1400px; border-color: #000; color: #ffffff; } .slider { position: absolute; right: -30px; top: 25px; background: url(res/slider-bg.gif) 9px 0 no-repeat; width: 30px; height: 240px; } .slider div { width: 29px; height: 28px; /* Fix slider image in IE6 */ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='res/slider-thumb.png', sizingMethod='image'); } /* IE6 only */ .slider img { _display: none; } .item a img { padding:3px; border:1px solid #cccccc; filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80; } .item a:hover img, .item a:active img { padding:3px; border:1px solid #cccccc; filter:alpha(opacity=99); -moz-opacity:0.99; -khtml-opacity: 0.99; opacity: 0.99; } .item img { padding:5px; border:1px solid #cccccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: rgb(0,0,0) 0px 0px 3px; -webkit-box-shadow: rgb(0,0,0) 0px 0px 3px; box-shadow: rgb(0,0,0) 0px 0px 3px; } a img { border: none; } </style> <link rel="alternate" href="album.rss" type="application/rss+xml"/> </head> <body style="width:555px;"> <div id="maincontent"> <div id="header"> <ul id="navlist">[/list]alcuni nostri lavori</div> <div class="container"> <div id="thumbnails"> <div class="item"> [img]thumbs/casa_1.jpg[/img]
</div><div class="item"> [img]thumbs/casa_3.jpg[/img]
</div><div class="item"> [img]thumbs/casa_4.jpg[/img]
</div><div class="item"> [img]thumbs/casa_5.jpg[/img]
</div><div class="item"> [img]thumbs/casa_2.jpg[/img]
</div><div class="item"> [img]thumbs/casa_7.jpg[/img]
</div><div class="item"> [img]thumbs/casa_9.jpg[/img]
</div><div class="item"> [img]thumbs/casa_8.jpg[/img]
</div><div class="item"> [img]thumbs/pala_4.jpg[/img]
</div><div class="item"> [img]thumbs/pala_5.jpg[/img]
</div><div class="item"> [img]thumbs/pala_2.jpg[/img]
</div><div class="item"> [img]thumbs/pala_3.jpg[/img]
</div><div class="item"> [img]thumbs/casa_6.jpg[/img]
</div><div class="item"> [img]thumbs/pala_1.jpg[/img]
</div></div></div> </div> <script type="text/javascript"> var pager = new Ojay.Paginator('#thumbnails', { width: '555px', height: '350px', direction: 'horizontal', scrollTime: 0.8, easing: 'easeOutStrong' }); Ojay.History.manage(pager, 'gallery'); Ojay.History.initialize({asset: 'res/hello.html'}); pager.setup(); pager.addControls('after'); </script> </body> </html>
Rispondi quotando
..... 
(posto ancora il codice per chi ha la pazienza di dargli un occhio e aiutarmi.