- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Colorbox: funziona solo in locale
-
Colorbox: funziona solo in locale
Ho utilizzato lo script colorbox nel mio portfolio:
http://www.lucaeffe.com/Cliccando sul banner work si accede a quella che dovrebbe essere una slide di lavori composta da pagine .html contenute in una lista <ul> ognuna separata tramite <li>.
Colorbox
<script type="text/javascript" src="colorbox/js/jquery-1.3.2.js"></script> <script type="text/javascript" src="colorbox/js/jquery.colorbox.js"></script> <script type="text/javascript" src="colorbox/js/global.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".example7").colorbox({width:"100%", height:"100%", iframe:true}); //Example of preserving a JavaScript event for inline calls. $("#click").click(function(){ $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here."); return false; }); }); </script>
Lista <ul> per il richiamo alle pagine .html
<div id="container"> <div id="portfolio"> <ul> <li> <a class='example7' href="andy-ward.html"> <img src="image/slider_gallery3.png" width="830" height="223"></a> </li> <li class="work_hidd"><a class='example7' href="andy-ward.html"></a></li> <li class="work_hidd"><a class='example7' href="andy-ward.html"></a></li> </ul> </div> </div>
Nella pagina .html per lo slide (andy-ward.html in questo caso) ho richiamato gli stessi tre script e sistemato le foto in questa maniera
<body> <div id="wrapper" style="width:840px; height:2000px; "> <div class="project"> <img src="colorbox/images/portfolio/andy-ward/1464201264678493.jpg" width="600" height="375"> <img src="colorbox/images/portfolio/andy-ward/1464201264678493.jpg" width="600" height="375"> <img src="colorbox/images/portfolio/andy-ward/1464201264678493.jpg" width="600" height="375"> <img src="colorbox/images/portfolio/andy-ward/1464201264678493.jpg" width="600" height="375"> </div> <div id="about"></div> </div> </body>
In locale lo script funziona perfettamente ma hostato sul server quest' ultimo non riesce a richiamare le pagine .html nella slide
Non trovo l'errore speroqualcuno possa aiutarmi.
Grazie mille.