Witam
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)) {
echo("<div class=\"holder\"> <div id=\"pane3\" class=\"scroll-pane\">");
while($fotoDane = dbarray($foto)) {
echo("<a class=\"lightbox\" href='galeria/".$fotoDane['album']."/".$fotoDane['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 {
echo("Brak zdjęć w albumie <br /><br /> <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');
echo("<script type=\"text/javascript\" src=\"js/jquery.lightbox-0.5.js\"></script> <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)) {
echo("<script media=\"screen\"> $(function() {
$('a.lightbox').lightBox({fixedNavigation:true});
});
</script>");
echo("<div class=\"holder\"> <div id=\"pane3\" class=\"scroll-pane\">");
while($fotoDane = dbarray($foto)) {
echo("<a class=\"lightbox\" href='galeria/".$fotoDane['album']."/".$fotoDane['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 {
echo("Brak zdjęć w albumie <br /><br /> <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