mam bardzo bardzo dziwny problem z moim skryptem. ładuje stronke w ten sposób:
$(function(){ $('.albumFoto').live('click', function() { var id = $(this).attr('rel'); var response2 = $('#galeria'); $.ajax({ type: "POST", url: "foto.php", cache: false, data: "id=" + id, complete: function(data){ response2.html(data.responseText); } }); }); }); $(function(){ $('#galeriaBack').live('click', function() { var response3 = $('#galeria'); $.ajax({ type: "POST", url: "galeria.php", cache: false, data: "mode=back", complete: function(data){ response3.html(data.responseText); } }); }); });
<?php require_once('engine.php'); $foto = dbquery("SELECT * FROM foto WHERE album = ".$_POST['id']." ORDER BY id DESC"); if(dbrows($foto)) { <div id=\"pane3\" class=\"scroll-pane\">"); while($fotoDane = dbarray($foto)) { <img title=\"Kliknij, aby powiększyć.\" class=\"foto\" src='galeria/".$fotoDane['album']."/thumb/".$fotoDane['foto']."' /></a>"); } </div> <ul> <li><a class=\"scroll2\" rel=\"100\"><img src=\"images/down-arrow.png\"/></a> <a class=\"scroll2\" rel=\"-100\" ><img src=\"images/up-arrow.png\"/></a> <a href=\"#\" id=\"galeriaBack\">« Powrót</a></li> </ul> </div>"); } else { <a href=\"#\" id=\"galeriaBack\">« Powrót</a>"); } ?>
wszystko działa pod FF/OPERA/IE6/IE7/IE8, problem pojawia się gdy chce dodać plugin lightboxa, ze względu na to że plik z galerią jest includowany do index.php skrypt musi być w pliku foto,php
<?php require_once('engine.php'); <link rel=\"stylesheet\" type=\"text/css\" href=\"css/jquery.lightbox-0.5.css\" media=\"screen\" /> <script type=\"text/javascript\"> $(function() { $('a.lightbox').lightBox({fixedNavigation:true}); }); $(function() { $('#pane3').jScrollPane({showArrows:false}); $('.scroll2').bind('click',function() { $('#pane3')[0].scrollBy(parseInt($(this).attr('rel'))); return false; }); }); $(function() { $('#galeriaBack').bind('click', function() { var response2 = $('#galeria'); $.ajax({ type: 'POST', url: 'galeria.php', cache: false, data: 'mode=back', complete: function(data){ response2.html(data.responseText); } }); }); }); </script>"); $foto = dbquery("SELECT * FROM foto WHERE album = ".$_POST['id']." ORDER BY id DESC"); if(dbrows($foto)) { $(function() { $('a.lightbox').lightBox({fixedNavigation:true}); }); </script>"); <div id=\"pane3\" class=\"scroll-pane\">"); while($fotoDane = dbarray($foto)) { <img title=\"Kliknij, aby powiększyć.\" class=\"foto\" src='galeria/".$fotoDane['album']."/thumb/".$fotoDane['foto']."' /></a>"); } </div> <ul> <li><a class=\"scroll2\" rel=\"100\"><img src=\"images/down-arrow.png\"/></a> <a class=\"scroll2\" rel=\"-100\" ><img src=\"images/up-arrow.png\"/></a> <a href=\"#\" id=\"galeriaBack\">« Powrót</a></li> </ul> </div>"); } else { <a href=\"#\" id=\"galeriaBack\">« Powrót</a>"); } ?>
i tu pojawia się problem, w FF/OPERZE działa wszystko a w IE nie ładują się żadne zdjęcia. Proszę o szybką pomoc!
Pozdrawiam