مشکل با پلاگین جی کوئری بنام lightbox

[famarini]

با سلام به همه دوستان

لطفا این سایت رو ببینین :
http://conferencehall.co/fa/index.php?type=1
من کدها و تمام فایلهای js ای که نیاز بود رو طبق مثال خود پلاگین قرار دادم اما کار نمی کنه، لطفا راهنمایی کنید

با تشکر

[mehdi.mousavi]

سلام.
ممکنه خوشتون نیاد، اما بعد از اینکه کدهای JavaScript ای که نوشته بودید رو دیدم، به این نتیجه رسیدم که نه به Prototype و نه به jQuery، اشراف ندارید. اگر به صرف استفاده از Lightbox v.2 دارید از prototype یا script.aculo.us (http://script.aculo.us/) استفاده می کنید، این کارو نکنید. Plugin های خوبی برای انجام همون کار Lightbox در jQuery وجود داره... بطور نمونه میتونید از این (http://leandrovieira.com/projects/jquery/lightbox/) یا این (http://jacklmoore.com/colorbox/) استفاده کنید. ضمن اینکه jQuery امکانات بسیار خوبی برای کار بار AJAX در اختیارتون قرار میده و نیازی نیست به اون توابع شکننده ای که نوشته اید، اتکا کنید. در نهایت، jQuery تابعی به اسم removeCss نداره و اجرای برنامه در اون خط متوقف میشه...

موفق باشید.

[famarini]

سلام آقا مهدی

بابت توضیحاتتون ممنون. من اون منظورم همین پلاگینی بود که معرفی کردین اونو هم استفاده کردم اما کار نمی کنه. بیرون از پروژه کار می کنن اما داخل پروژه نه. مشکل می تونه از کجا باشه. ممنون می شم راهنمایی کنید. همچنین از کجا می تونم راست و مستقیم ای جکس رو با جی کوئری یاد بگیرم.

ممنون و موفق باشید

[mehdi.mousavi]

سلام آقا مهدی بابت توضیحاتتون ممنون. من اون منظورم همین پلاگینی بود که معرفی کردین اونو هم استفاده کردم اما کار نمی کنه. بیرون از پروژه کار می کنن اما داخل پروژه نه. مشکل می تونه از کجا باشه. ممنون می شم راهنمایی کنید. همچنین از کجا می تونم راست و مستقیم ای جکس رو با جی کوئری یاد بگیرم. ممنون و موفق باشید

سلام.
اگر یک تک صفحه HTML بهمراه CSS اش و یکی دو عکس + Script هایی که استفاده کرده اید رو بصورت فایل ZIP اینجا قرار بدید، من مشکل رو براتون رفع می کنم. البته من به گوشه ای از مشکل اشاره کردم، اما خوب، هنوز شما تغییری در آدرس مزبور ایجاد نکرده اید (شاید خط removeCSS رو Comment کنید، برنامه به درستی به اجرای خودش ادامه بده).

برای یادگیری jQuery، من کتاب jQuery in Action رو توصیه می کنم. اما اگر قصد تهیه کتاب رو ندارید، می تونید با jQuery Fundamentals (http://jqfundamentals.com/book/index.html) کار رو شروع کنید. ضمن اینکه در این آدرس (http://www.learningjquery.com./2010/07/great-ways-to-learn-jquery) به روشهای یادگیری jQuery اشاره شده... اما اگر هدفتون فقط یادگیری امکانات Ajax در jQuery هستش، این مقاله (http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/) می تونه به شما کمک کنه.

موفق باشید.

[famarini]

دوباره سلام

آقا مهدی اون سورسی که شما می دیدی کلی تغییر کرده الان آپ کردم اما یه چیز بدی که اتفاق افتاده این که اصلا کدهای جی کوئری کار نمی کنه. دارم خول می شم.

لطفا یاری بدین

[famarini]

توضیح کدها :
این هدر فایل index.php :



<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" />
<link rel="icon" type="image/png" href="favicon.png" />
<script type="text/javascript" src="js/swfobject.js" ></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script>
<script type="text/javascript" src="js/tooltip.js"></script>
<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('img.lightbox').lightBox();
});
</script>


اینم کد php لینک نمایش عکس هست :



<a href="<?php echo $Row['project_pic1']; ?>">
<img class="lightbox" src="<?php echo $Row['project_pic1']; ?>" alt="<?php echo $Row['name']; ?>" title="<?php echo $Row['name']; ?>" width="180px" height="100px" />
</a>

[mehdi.mousavi]

سلام.
ابتدا آدرس دو فایل زیر رو روی سرور درست کنید:


http://conferencehall.co/fa/js/jquery.lightbox-0.4.js

http://conferencehall.co/fa/css/jquery.lightbox-0.4.css

تا ببینم ایراد چیه...

[famarini]

انجام شد آقا مهدی

[mehdi.mousavi]

سلام.
حالا تابع $ رو درون فایل ajax.js خودتون Comment کنید... با اینکار باید Ready Handler فراخوانی بشه و احتمالا مشکل رفع بشه.
اگر نشد بهم اطلاع بدید تا باز صفحه رو بررسی کنم.

موفق باشید.

[famarini]

دوباره سلام آقا مهدی

از اینکه وقت گذاشتین ممنون - الان تصویر به خوبی لود می شه و نمایش می ده. فقط 2 تا مشکل : 1- روی هاست اوکی شد اما روی لوکال لودینگ میاد و تصویر دیده نمی شه 2 پایین صفحه می نویسه image 16 az 36 حالا چی کار می شه کرد فقط عکس رو به صورت تکی قبول کنه

ممنون از وقت با ارزشتون که برای ما مبتدیها می زارین

[famarini]

سلام آقا مهدی

لطفا یاری بدین این مشکل حل بشه

ممنون

[famarini]

سلام به همه

با یه دنیا دلخوری می نویسم که مشکلم حل شد اما یادتون باشه به دادم نرسیدید

مشکلم با این پلاگین ( Thickbox 3.1 (http://jquery.com/demo/thickbox/) ) حل شد با لایت باکس نتونستم خیلی تداخل داشت.

موفق و پیروز باشید