Código widget temas em destaque
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Código widget temas em destaque
Qual é minha questão:
Qual o codigo do slide do widget daki da forumeiros ' temas em destaque ' Ai na Esquerda <<<
Medidas que eu tomei para corrigir o problema:
Nen sei
Links e imagens do meu problema:
Endereço do meu fórum:
highzone.forumeiro.com
Versão do meu fórum:
PHPBB3
Qual o codigo do slide do widget daki da forumeiros ' temas em destaque ' Ai na Esquerda <<<
Medidas que eu tomei para corrigir o problema:
Nen sei
Links e imagens do meu problema:
Endereço do meu fórum:
highzone.forumeiro.com
Versão do meu fórum:
PHPBB3
Re: Código widget temas em destaque
Olá, é este:
- Código:
<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: [
["http://hitskin.com/themes/13/25/51/thumb.jpg", "http://pt.hitskin.com/buscar-um-tema/arthurbohrer-theme-132551.htm]", "_new", "Arthur theme"], ["http://hitskin.com/themes/11/94/16/thumb.jpg", "http://pt.hitskin.com/buscar-um-tema/playstation-fire-119416.htm]", "_new", "Arthur theme"], ["http://hitskin.com/themes/12/46/06/thumb.jpg", "http://pt.hitskin.com/buscar-um-tema/dragon-inflames-124606.htm]", "_new", "Arthur theme"]
],
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>
Re: Código widget temas em destaque
Boa tarde,
Na verdade, nosso código é outro totalmente diferente do mostrado. É cross-browser e mais leve!
Divirta-se:
Atenciosamente.
Na verdade, nosso código é outro totalmente diferente do mostrado. É cross-browser e mais leve!
Divirta-se:
- Código:
<style>.picshow{z-index:444;position:relative;background-color:#ffffff;width:100%;height:135px}.picshow_main{position:relative;width:180px;height:135px}.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);width:180px;height:135px}.picshow_change{position:absolute;text-align:left;bottom:0px;height:30px;right:0px;left:100px}.picshow_change img{width:15px;height:15px}.picshow_change a{border:1px solid;display:block;float:left;margin-right:5px;-display:inline}a.axx{border-color:#555}a.axx:hover{border-color:#000}a.axx img{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4}a.axx:hover img{filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0}a.bxx{border-color:#000}a.bxx:hover{border-color:#000}img{border:0px}</style>
<script>var counts = 3;
img1 = new Image();
img1.src = 'http://hitskin.com/themes/13/25/51/thumb.jpg';
img2 = new Image();
img2.src = 'http://hitskin.com/themes/11/94/16/thumb.jpg';
img3 = new Image();
img3.src = 'http://hitskin.com/themes/12/46/06/thumb.jpg';
var smallImg = new Array();
smallImg[0] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton1.gif';
smallImg[1] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton2.gif';
smallImg[2] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton3.gif';
url1 = 'http://pt.hitskin.com/buscar-um-tema/arthurbohrer-theme-132551.htm';
url2 = 'http://pt.hitskin.com/buscar-um-tema/playstation-fire-119416.htm';
url3 = 'http://pt.hitskin.com/buscar-um-tema/dragon-inflames-124606.htm';
alt1 = new Image();
alt1.alt = 'ArthurBohrer Theme';
alt2 = new Image();
alt2.alt = 'Playstation (fire)';
alt3 = new Image();
alt3.alt = 'dragon inflames';
var nn = 1;
var key = 0;
function change_img() {
if (key == 0) {
key = 1;
} else if (document.all) {
document.getElementById("pic").filters[0].Apply();
document.getElementById("pic").filters[0].Play(duration = 2);
}
eval('document.getElementById("pic").src=img' + nn + '.src');
eval('document.getElementById("url_theme").href=url' + nn);
eval('document.getElementById("pic").alt=alt' + nn + '.alt');
if (nn == 1) {
document.getElementById("url_theme").target = "_blank";
document.getElementById("url_theme").style.cursor = "pointer";
} else {
document.getElementById("url_theme").target = "_blank"
document.getElementById("url_theme").style.cursor = "pointer"
}
for ( var i = 1; i <= counts; i++) {
document.getElementById("xxjdjj" + i).className = 'axx';
}
document.getElementById("xxjdjj" + nn).className = 'bxx';
nn++;
if (nn > counts) {
nn = 1;
}
tt = setTimeout('change_img()', 4000);
}
function changeimg(n) {
nn = n;
window.clearInterval(tt);
change_img();
}
function ImageShow() {
document.write('<div class="picshow_main">');
document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
document.write('<div class="picshow_change">');
for ( var i = 0; i < counts; i++) {
document.write('<a href="javascript:changeimg(' + (i + 1)
+ ');" id="xxjdjj' + (i + 1)
+ '" class="axx" target="_self"><img src="' + smallImg[i]
+ '"></a>');
}
document.write('</div></div>');
change_img();
}</script><script>ImageShow()</script>
Atenciosamente.
Convidad- Convidado
Tópicos semelhantes
» [Resolvido] Codigo do widget "Temas em destaque
» Widget "Temas em Destaque"
» [Dúvida] Widget "Temas em Destaque"
» Widget membro em destaque do mês
» Código de Widget
» Widget "Temas em Destaque"
» [Dúvida] Widget "Temas em Destaque"
» Widget membro em destaque do mês
» Código de Widget
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos