PDA

View Full Version : سوال: درخواست راهنمایی برای استفاده از Bootstrap Lightbox


nekooee
چهارشنبه 13 خرداد 1394, 13:54 عصر
سلام
دوستان من می خوام از این http://www.jasonbutz.info/bootstrap-lightbox/#usage استفاده کنم. متأسفانه آموزش کاملی نداره و خیلی مختصر آموزش داده.

من طبق راهنمایی خودش کد زیر رو نوشتم ولی کار نمیکنه. کجای کار مشکل داره؟



<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/bootstrap-lightbox.min.css">



<img class="test-popup-link" src="3.jpg" />


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

<script>
$(document).ready(function()
{
$('.test-popup-link').lightbox();
});
</script>
nekooee
چهارشنبه 13 خرداد 1394, 17:04 عصر
ببینید الآن این کد کار می کنه ولی این اصلا بدرد من نمیخوره چون آمده اولا به تگ a کد داده نه به خود tag img و بعد هم اینکه یک div دیگه برای سایز اصلی عکس درست کرده که اصلا خوب نیست. من یک img تو محتوای پست دارم که می تونم با جاوا اسکریپت به اون کلاس بدم... ولی نمیتونم دیگه div و ... اینها اضافه کنم. چون تو آموزشش نوشته بود از طریق کد جاوا اسکریپت هم میشه من فکر کردم با کمی کد بشه!



<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Bootstrap - Lightbox</title>
<link rel="stylesheet" href="http://www.jasonbutz.info/bootstrap-lightbox/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="http://www.jasonbutz.info/bootstrap-lightbox/assets/css/bootstrap-lightbox.min.css">

</head>
<body data-spy="scroll" data-target=".navbar">


<a data-toggle="lightbox" href="#demoLightbox" class="thumbnail">
<img src="http://www.jasonbutz.info/bootstrap-lightbox/assets/img/small.png"
alt="Click to view the lightbox">
</a>

<div id="demoLightbox" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class='lightbox-content'>
<img src="http://www.jasonbutz.info/bootstrap-lightbox/assets/img/large.png">

<div class="lightbox-caption"><p>Your caption here</p></div>
</div>
</div>

<script src="http://www.jasonbutz.info/bootstrap-lightbox/assets/js/jquery.min.js"></script>
<script src="http://www.jasonbutz.info/bootstrap-lightbox/assets/js/bootstrap.min.js"></script>
<script src="http://www.jasonbutz.info/bootstrap-lightbox/assets/js/bootstrap-lightbox.min.js"></script>


</body>
</html>
CodeNEvis111
جمعه 12 تیر 1394, 18:22 عصر
اگه از URL Routing استفاده می کنید این Line میتونه مشکل ساز بشه:

<script src="js/jquery.js"></script>

/ رو قبل از js نذاشتید ، در غیر این صورت باید جزئیات بیشتری از کدها بدین تا مشکل دقیق تر بررسی بشه.