PDA

View Full Version : خبر: کارنکردن پلاگین Colorbox در jQuery؟



پیام حیاتی
پنج شنبه 29 آبان 1393, 19:27 عصر
سلام
من طبق یک آموزش خواستم از یک پلاگین برای نمایش تصاویر در سایت استفاده کنم :
http://www.jacklmoore.com/colorbox/

مراحل رو انجام میدم اما نتیجه ای حاصل نمیشه!
این کدهای بنده :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Gallery</title>


<script src="jquery.colorbox-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery-1.11.1.js"></script>
<link href="style.css" rel="stylesheet" type="text/css">


<script>
$(document).ready(function(e) {
$('.gallery').colorbox({rel:'gal'});
});
</script>


</head>


<body>


<div class="gallery">
<a href=""><img src="img/1.jpg" ></a>
<a href=""><img src="img/2.jpg" ></a>
<a href=""><img src="img/3.jpg" ></a>
<a href=""><img src="img/4.jpg" ></a>
<a href=""><img src="img/5.jpg" ></a>
</div>


</body>
</html>

دانیال دزفولی
پنج شنبه 29 آبان 1393, 20:22 عصر
سلام
گاهی اوقات ورژن جی کوری رو باید عوض کرد از jquery-2.1.1.min.js استفاده کنید

یک بار هم لود کنید


<script src="jquery.colorbox-min.js"></script>

رو بعد از جی کوری اصلی لود کنید

پیام حیاتی
پنج شنبه 29 آبان 1393, 20:46 عصر
جواب نمیده :گریه:

amirtc
جمعه 30 آبان 1393, 16:31 عصر
شما 2 تاjq لود کردید تداخل ایجاد کردید ! یکیشونو حذف کنید .


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script src="jquery-1.11.1.js"></script>