- Home
- Categorie
- Coding e Sistemistica
- WordPress
- Slide show che non funziona
-
Slide show che non funziona
Salve a tutti sto provando a inserire uuno slideshow seguendo questa guida:
L'installazione del widget non presenta difficoltà ma è soltanto un po' laboriosa per quanto riguarda la scelta delle immagini, il loro ridimensionamento, l'inserimento di link e titoli dei collegamenti. Andate su Design > Aggiungi un gadget > HTML/Javascript e incollate questo codice[PHP]<!--SLIDESHOW MINIATURE INIZIO-->
<script type="text/javascript">var galleryspeed=2 var galleryanchor="620px" var galleryalt="115px" galleryback="#000000" var slidespace=5 var imagespace="" var galleryimage=new Array() var endphoto='' galleryimage[0]='<a href="" target="blank"><img border="0" src="" title="post con etichetta add-on" alt="Titolo Miniatura"></a>' galleryimage[1]='<a href="" target="blank"><img border="0" src="" title="post con etichetta add-on" alt="Titolo Miniatura"></a>' galleryimage[2]='<a href="" target="blank"><img border="0" src="" title="post con etichetta add-on" alt="Titolo Miniatura"></a>' galleryimage[3]='<a href="" target="blank"><img border="0" src="" title="post con etichetta add-on" alt="Titolo Miniatura"></a>' galleryimage[4]='<a href="" target="blank"><img border="0" src="" title="post con etichetta add-on" alt="Titolo Miniatura"></a>' var copyspeed=galleryspeed
//Non modificare nulla nella parte sottostante
galleryimage='<nobr>'+galleryimage.join(imagespace)+'</nobr>' var iedom=document.all||document.getElementById if (iedom) document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+galleryimage+'</span>') var actualwidth='' var cross_slide, ns_slide function fillup(){ if (iedom){ cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2 cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3 cross_slide.innerHTML=cross_slide2.innerHTML=galleryimage actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth cross_slide2.style.left=actualwidth+slidespace+"px" } else if (document.layers){ ns_slide=document.ns_slidemenu.document.ns_slidemenu2 ns_slide2=document.ns_slidemenu.document.ns_slidemenu3 ns_slide.document.write(galleryimage) ns_slide.document.close() actualwidth=ns_slide.document.width ns_slide2.left=actualwidth+slidespace ns_slide2.document.write(galleryimage) ns_slide2.document.close() } lefttime=setInterval("slideleft()",30) } window.onload=fillup function slideleft(){ if (iedom){ if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8)) cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px" else cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slidespace+"px" if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8)) cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px" else cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slidespace+"px" } else if (document.layers){ if (ns_slide.left>(actualwidth*(-1)+8)) ns_slide.left-=copyspeed else ns_slide.left=ns_slide2.left+actualwidth+slidespace if (ns_slide2.left>(actualwidth*(-1)+8)) ns_slide2.left-=copyspeed else ns_slide2.left=ns_slide.left+actualwidth+slidespace } } if (iedom||document.layers){ with (document){ document.write('<table border="0" cellspacing="0" cellpadding="0"><td>') if (iedom){ write('<div style="position:relative;width:'+galleryanchor+';height:'+galleryalt+';overflow:hidden">') write('<div style="position:absolute;width:'+galleryanchor+';height:'+galleryalt+';background-color:'+galleryback+'" onmouseover="copyspeed=0" onmouseout="copyspeed=galleryspeed">') write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>') write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>') write('</div></div>') } else if (document.layers){ write('<ilayer width="+galleryanchor+" height="+galleryalt+" name="ns_slidemenu" bgcolor="+galleryback+">') write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=galleryspeed" name="ns_slidemenu2"></layer>') write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=galleryspeed" name="ns_slidemenu3"></layer>') write('</ilayer>') } document.write('</td></table>') } } </script>
<noscript><a href="">Slideshow Widget</a></noscript>
<!--SLIDESHOW MINIATURE FINE--!>
[/PHP]
ora se
lo inserisco una volta in una "area widget" funziona tranquillamente, nella pagina che devo fare mi servono 2 slides quindi io vado a rifare la stessa procedura peri inserire un secondo slide un un'altra ""area widget""e mi succede questo il primo slidesss si vede bene con le immagini che scorrono, il secondo slide si vede solo un riquadro nero che dovrebbe essere lo sfondo nel quale dovrebbero scorrere le immagini; secondo voi qual'è il problema?ideepercomputeredinternet.com/2011/02/widget-di-uno-slideshow-orizzontale-con.html
P.s ho dovuto cacciare tutti i link per il forum
-
Vorresti inserire una slider dove? Nella siderbar?
-
Si cmq girando su internet e facendo qualccche prova il problema si ha quando si usano due JS nella stessa pagina e ancora di + quando si cerca di usare lo stesso JS nella stessa pagina; ho provato pure a metterlo in un file .js e includere i file, ma sempre lo stesso problema.......... 1 funziona e uno no!!! avete idee!! grazie!!
-
Prova questi: https://wordpress.org/plugins/mk-slider/screenshots/ - https://wordpress.org/plugins/sliding-widgets/
-
Ottimo consiglio GraZIE!!!!!!!!!
-
Meglio una cosa già pronta senza complicarsi la vita. Nulla