M.Javad 684 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 سلام.من دو قسمت در طراحیم دارم یه قسمت که عکس هارو به صورت کوچیک نشون میده و یه قسمت به صورت بزرگ به طوریکه وقتی روی هر عکس کوچیک بخوام کلیک کنم کل عکس رو به صورت بزرگ در کادر سمت راستش نمایش بده<!--img--> <div class="img"><img src="" width="350" height="435" /></div> <!--cover--> <div class="poster"> <ul> <li><a href=""><img src="" width="110" height="150" /></a></li> <li><a href=""><img src="" width="110" height="150" /></a></li> <li><a href=""><img src="" width="110" height="150" /></a></li> <li><a href=""><img src="" width="110" height="150" /></a></li> <li><a href=""><img src="" width="110" height="150" /></a></li> <li><a href=""><img src="" width="110" height="150" /></a></li> <li><a href=""><img src="" width="110" height="150" /></a></li> <li><a href=""><img src="" width="110" height="150" /></a></li> <li><a href=""><img src="" width="110" height="150" /></a></li> <li><a href=""><img src="" width="110" height="150" /></a></li> <li><a href=""><img src="" width="110" height="150" /></a></li> <li><a href=""><img src="" width="110" height="150" /></a></li> <li><a href=""><img src="" width="110" height="150" /></a></li> <li><a href=""><img src="" width="110" height="150" /></a></li> <li><a href=""><img src="" width="110" height="150" /></a></li> </ul> </div>در کلاس img قراره عکس بزرگ نمایش داده بشهحالا سوالی که من دارم اولا چطور میشه مقدار یا ادرس یه عکس رو توسط جی کوئری بگیرم؟$img=$(.poster li img).attr('src');آیا این کدی که نوشتم آدرس داخل عکس رو برمیگردونه؟!و دوم اینکه چطوری این عکس رو به کلاس img بدم که در اون کادر بزرگ نمایش بده؟!درواقع چطوری این آدرس عکس رو به آدرس عکس در کلاس img بدم؟!ممنون میشم راهنمایی کنید نقل قول لینک به ارسال
M.Javad 684 ارسال شده در آبان 93 مالک گزارش بازنشر ارسال شده در آبان 93 (ویرایش شده) این کد رو نوشتم فقط برای کلیک روی عکس اول کار میکنه.یعنی وقتی روی عکس اول کلیک میکنم عکس بزرگشو نشون میده ولی دیگه روی عکسای دیگه هرچی کلیک میکنم چیزی نشون نمیده :|درواقع روی هرعکسی کلیک میکنم فقط همون عکس اول رو نشون میده :{$(function() {var img="";$('.poster ul>li img').click(function(e){e.preventDefault();var img= $('.poster ul>li img').attr('src');$('.img img').attr('src',img); });}); ویرایش شده آبان 93 توسط M.Javad نقل قول لینک به ارسال
مهدی 1668 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 سلامدو راه به نظرم میرسهاول اینکه عکسهای کوچیک رو در حالی که بزرگ هستند کوچیک نمایش بدید با یک کلاس خاصکه با هر کلیک بر روی اونها اون کلاس حذف بشه و عکس بزرگ نمایش داده بشهیه راه هم هست که میبایست تست کنیداین آموزش رو ببینیدفقط به جای اینکه به صورت لایتباکس عکسهاتون رو نشون بدید مثلا سمت راست صفحه اون رو نشون میدید 1 نقل قول لینک به ارسال
themento 348 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 اگه درست متوجه شده باشم اینطوری میشه:<li><a href="<?php if (has_post_thumbnail()) {$thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full');echo $thumb[0];} ?>"><img src="<?=wp_get_attachment_url( get_post_thumbnail_id() ); ?>" width="110" height="150" /></a></li> 2 نقل قول لینک به ارسال
M.Javad 684 ارسال شده در آبان 93 مالک گزارش بازنشر ارسال شده در آبان 93 اگه درست متوجه شده باشم اینطوری میشه:<li><a href="<?php if (has_post_thumbnail()) {$thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full');echo $thumb[0];} ?>"><img src="<?=wp_get_attachment_url( get_post_thumbnail_id() ); ?>" width="110" height="150" /></a></li>من فعلا کد جی کوئری میخوام نقل قول لینک به ارسال
EmadGh 4 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 از this برای دسترسی به object فعلی استفاده کن.$(function() {var img="";$('.poster ul>li img').click(function(e){e.preventDefault();var img= $(this).attr('src');$('.img img').attr('src',img);});}); 2 نقل قول لینک به ارسال
M.Javad 684 ارسال شده در آبان 93 مالک گزارش بازنشر ارسال شده در آبان 93 از this برای دسترسی به object فعلی استفاده کن. $(function() { var img=""; $('.poster ul>li img').click(function(e){ e.preventDefault(); var img= $(this).attr('src'); $('.img img').attr('src',img); }); }); داداش مرسی این یکی مشکلم حل شد نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .