Robert Mach

Robert Mach Serwisant IT

Temat: jQuery.noConflict()

Witam

Poproszono mnie o dodanie kilku funkcji na stronie którą "administruje", lecz napotkałem na problem.
Mianowicie polega na tym że:

umieściłem pasek Facebooka z tego opisu:

http://burned.pl/wysuwany-like-box-slider-facebooka-na...

oraz Lightbox2 z tego miejsca

http://lokeshdhakar.com/projects/lightbox2/#how

jak wkleję kod z Lightboxem to Facebook nie "chowa się".

Kod na stronce to:
<head>
<title>Strona www</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
<link rel="shortcut icon" href="/553985.ico" type="image/x-icon">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link type="text/css" href="menu.css" rel="stylesheet" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="menu.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">

$(function(){

$("#wysuwane").css("left","-210px");

$("#wysuwane").hover(
function () {
$("#wysuwane").animate({left: "0px"}, 1000 );
$(this).addClass("zamknij");
},
function () {
$("#wysuwane").animate({left: "-210px"}, 1000 );
$(this).removeClass("zamknij");
}
);
});
</script>

<?php
require_once('cms/funcs/config.php');
?>

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

</head>

Proszę o pomoc. Pozdrawiam

konto usunięte

Temat: jQuery.noConflict()

A gdzie tu .noConflict() ?
Adam Krupa

Adam Krupa Senior Software
Developer, Lethe

Temat: jQuery.noConflict()

Zwróć uwagę na to że lightbox to prototype a nie jQuery. Czyli albo obsługujesz obrazki za pomocą biblioteki na jQuery (np. fancybox) albo robisz tak żeby nie było konfliktów czyli

jQuery.noConflict();
jQuery(document).ready(function(){
jQuery("#wysuwane").css("left","-210px");
jQuery("#wysuwane").hover(function () {
jQuery("#wysuwane").animate({left: "0px"}, 1000 );
jQuery(this).addClass("zamknij");
}, function () {
jQuery("#wysuwane").animate({left: "-210px"}, 1000 );
jQuery(this).removeClass("zamknij");
});
});



Wyślij zaproszenie do