Ajuda Com Slide. Seg 28 Jan 2013 - 11:07
Qualquer Um Que Seja Legal.
<script type="text/javascript"
src="http://steeph.vilabol.uol.com.br/slidedenovidades/slide3_script1.js"></script>
<script type="text/javascript"
src="http://steeph.vilabol.uol.com.br/slidedenovidades/slide3_script2.js"></script>
<script>
var simpleGallery_navpanel={
panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container
images: [ 'http://img801.imageshack.us/img801/833/left.gif',
'http://img185.imageshack.us/img185/4655/playf.gif',
'http://img824.imageshack.us/img824/9263/right.gif',
'http://img291.imageshack.us/img291/3786/paused.gif' ], //nav panel
images (in that order)
imageSpacing: {offsetTop:[-4, 0, -4],
spacing:10}, //top offset of left, play, and right images, PLUS spacing
between the 3 images
slideduration: 500 //duration of slide up animation to reveal panel
}
</script>
<script type="text/javascript">
var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [500, 220], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["Imagem", "Link]", "_new", "Título"],
],
autoplay: [true, 2500, 50], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//Keyword "this": references current gallery instance
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
</script><div class="slideshowborda" id="simplegallery1" style="z-index:1;">
</div>
<SCRIPT LANGUAGE="JavaScript">
<!-- BANNER ROTATIVO
var how_many_ads = 3
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
//******************* AD NUMBER ONE ****************
if (ad==1){
url="http://www.youradvertiser.com";
alt="Advertiser Number One";
banner="http://www.yourdomain.com/images/banner1.gif";
width="468";
height="60";
}
//******************* AD NUMBER TWO ****************
if (ad==2) {
url="http://www.youradvertiser.com";
alt="Advertiser Number Two";
banner="http://www.yourdomain.com/images/banner2.gif";
width="468";
height="60";
}
//******************* AD NUMBER ONE ****************
if (ad==3) {
url="URL Do Site";
alt="Número Do Anunciante";
banner="Imagen do Banner";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('</center>');
-->
</SCRIPT>
<div class="box4">
<div class="tail-right">
<div class="corner-right-bottom">
<div class="corner-left-bottom">
<div class="title">
<div class="right-bg"><div class="left-bgSmall"><!-- Title --></div></div>
</div>
<div class="indent">
<div id="indentBannerRotate" style="background-image: url(http://imagens.muaway.net/muaway/bannerRotate/promocao_01-13.jpg); width: 649px; height: 197px; position: relative; background-position: 0% 0%; ">
<img src="http://imagens.muaway.net/muaway/bannerRotate/promocao_01-13.jpg" alt="Super Promoção de Ano Novo - MuAwaY, pacotes GoldsWays até x21 e JcPoints até x6!" title="http://forum.muaway.net/index.php?/topic/364955-promocao-promocao-de-ano-novo-muaway-pacotes-de-gws-ate-x21/" style="display: none; ">
<img src="http://imagens.muaway.net/muaway/bannerRotate/novos_itens_01-13.jpg" alt="Os KIT's dos deuses! Kit Hades formado por SET + SWORD + SHIELD, confira os outros. Disponível no Shop de GoldsWay's." title="http://forum.muaway.net/index.php?/topic/352134-update-kits-epicos-muaway-kit-hades-ares-hermes-e-afrodite/" style="display: none; ">
<div class="ft-title" id="ft-title-indentBannerRotate" style="position: absolute; bottom: 0px; left: 0px; z-index: 1000; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); opacity: 0.7; ">Super Promoção de Ano Novo - MuAwaY, pacotes GoldsWays até x21 e JcPoints até x6!</div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate1" style="width: 17px; height: 197px; float: left; position: absolute; left: 0px; background-position: 0px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate2" style="width: 17px; height: 197px; float: left; position: absolute; left: 17px; background-position: -17px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate3" style="width: 17px; height: 197px; float: left; position: absolute; left: 34px; background-position: -34px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate4" style="width: 17px; height: 197px; float: left; position: absolute; left: 51px; background-position: -51px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate5" style="width: 17px; height: 197px; float: left; position: absolute; left: 68px; background-position: -68px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate6" style="width: 17px; height: 197px; float: left; position: absolute; left: 85px; background-position: -85px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate7" style="width: 17px; height: 197px; float: left; position: absolute; left: 102px; background-position: -102px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate8" style="width: 17px; height: 197px; float: left; position: absolute; left: 119px; background-position: -119px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate9" style="width: 17px; height: 197px; float: left; position: absolute; left: 136px; background-position: -136px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate10" style="width: 16px; height: 197px; float: left; position: absolute; left: 153px; background-position: -153px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate11" style="width: 16px; height: 197px; float: left; position: absolute; left: 169px; background-position: -169px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate12" style="width: 16px; height: 197px; float: left; position: absolute; left: 185px; background-position: -185px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate13" style="width: 16px; height: 197px; float: left; position: absolute; left: 201px; background-position: -201px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate14" style="width: 16px; height: 197px; float: left; position: absolute; left: 217px; background-position: -217px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate15" style="width: 16px; height: 197px; float: left; position: absolute; left: 233px; background-position: -233px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate16" style="width: 16px; height: 197px; float: left; position: absolute; left: 249px; background-position: -249px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate17" style="width: 16px; height: 197px; float: left; position: absolute; left: 265px; background-position: -265px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate18" style="width: 16px; height: 197px; float: left; position: absolute; left: 281px; background-position: -281px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate19" style="width: 16px; height: 197px; float: left; position: absolute; left: 297px; background-position: -297px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate20" style="width: 16px; height: 197px; float: left; position: absolute; left: 313px; background-position: -313px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate21" style="width: 16px; height: 197px; float: left; position: absolute; left: 329px; background-position: -329px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate22" style="width: 16px; height: 197px; float: left; position: absolute; left: 345px; background-position: -345px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate23" style="width: 16px; height: 197px; float: left; position: absolute; left: 361px; background-position: -361px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate24" style="width: 16px; height: 197px; float: left; position: absolute; left: 377px; background-position: -377px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate25" style="width: 16px; height: 197px; float: left; position: absolute; left: 393px; background-position: -393px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate26" style="width: 16px; height: 197px; float: left; position: absolute; left: 409px; background-position: -409px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate27" style="width: 16px; height: 197px; float: left; position: absolute; left: 425px; background-position: -425px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate28" style="width: 16px; height: 197px; float: left; position: absolute; left: 441px; background-position: -441px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate29" style="width: 16px; height: 197px; float: left; position: absolute; left: 457px; background-position: -457px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate30" style="width: 16px; height: 197px; float: left; position: absolute; left: 473px; background-position: -473px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate31" style="width: 16px; height: 197px; float: left; position: absolute; left: 489px; background-position: -489px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate32" style="width: 16px; height: 197px; float: left; position: absolute; left: 505px; background-position: -505px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate33" style="width: 16px; height: 197px; float: left; position: absolute; left: 521px; background-position: -521px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate34" style="width: 16px; height: 197px; float: left; position: absolute; left: 537px; background-position: -537px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate35" style="width: 16px; height: 197px; float: left; position: absolute; left: 553px; background-position: -553px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate36" style="width: 16px; height: 197px; float: left; position: absolute; left: 569px; background-position: -569px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate37" style="width: 16px; height: 197px; float: left; position: absolute; left: 585px; background-position: -585px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate38" style="width: 16px; height: 197px; float: left; position: absolute; left: 601px; background-position: -601px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate39" style="width: 16px; height: 197px; float: left; position: absolute; left: 617px; background-position: -617px 0%; "></div><div class="ft-indentBannerRotate" id="ft-indentBannerRotate40" style="width: 16px; height: 197px; float: left; position: absolute; left: 633px; background-position: -633px 0%; "></div></div>
<script type="text/javascript">
$('#indentBannerRotate').jqFancyTransitions();
</script>
</div>
</div>
</div>
</div>
</div>
<style>
.box4 {
BACKGROUND: url(http://imagens.muaway.net/muaway/site/box4-tail-bottom.gif) #f8f8f8 repeat-x 50% bottom;
background: #F8F8F8 url(http://imagens.muaway.net/muaway/site/box4-tail-bottom.gif) repeat-x 50% 100%;
}
.box4 .tail-right {
BACKGROUND: url(http://imagens.muaway.net/muaway/site/box4-right-tail.gif) repeat-y right 50%;
background: url(http://imagens.muaway.net/muaway/site/box4-right-tail.gif) repeat-y 100% 50%;
}
.box4 .corner-right-bottom {
BACKGROUND: url(http://imagens.muaway.net/muaway/site/box4-corner-right-bottom.gif) no-repeat right bottom;
background: url(http://imagens.muaway.net/muaway/site/box4-corner-right-bottom.gif) no-repeat 100% 100%;
}
.box4 .corner-left-bottom {
WIDTH: 100%;
BACKGROUND: url(http://imagens.muaway.net/muaway/site/box4-corner-left-bottom.gif) no-repeat left bottom;
background: url(http://imagens.muaway.net/muaway/site/box4-corner-left-bottom.gif) no-repeat 0% 100%;
}
.title {
BACKGROUND: url(http://imagens.muaway.net/muaway/site/title4-tail-bg.gif) repeat-x 50% top;
background: url(http://imagens.muaway.net/muaway/site/title4-tail-bg.gif) repeat-x 50% 0%;
}
.box4 .indent {
PADDING-BOTTOM: 11px;
PADDING-LEFT: 8px;
PADDING-RIGHT: 10px;
PADDING-TOP: 7px;
}
</style>
Tópico Resolvido; e Bloqueado |