jakob 17 ارسال شده در آبان 95 گزارش بازنشر ارسال شده در آبان 95 (ویرایش شده) با سلام و خسته نباشید من به صورت دستی یه گالری نوشتم و داخل یه حلقه گذاشتم که از هر آیتم چند تا تولید میکنه و برای هر آیتم یه DIV در نظر گرفتم که زمانی ما روی هر آیتم گالری کلیک میکنیم در همون صفحه اون DIV مربوط به اون ID نمایش داده میشه . الان مشکلی که من دارم اینه که میخام با هر کلیک روی هر آیتم گالری که ID جداگونه ای داره داخل کد JS این ID تغییر کنه که بتونم DIV مربوط به هر ID رو لود کنم <div id="gallery" data-sr='wait 0.1s, then enter bottom and hustle 20px over 1s'> <?php $s = new WP_query('post_type=portfolio'); if($s->have_posts()): while($s->have_posts()): $s->the_post(); $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?> <a href="#<?php the_ID(); ?><?php the_title(); ?>" id="<?php the_ID(); ?>" onchange="enableTxt(this)" class="gl"> <figure class="col-md-3 col-sm-6 col-xs-12 images-gallery"> <img class="img gallery" src="<?php echo $feat_image; ?>" alt="" /> <figcaption> <h1 class="g"><?php the_title(); ?></h1> <img class="lupa" src="<?php bloginfo('template_url'); ?>/images/lupa.png" alt=""/> </figcaption> </figure> </a> <?php endwhile; endif; wp_reset_query(); ?> <?php $s1 = new WP_query('post_type=portfolio'); if($s1->have_posts()): while($s1->have_posts()): $s1->the_post(); $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?> <aside id="<?php the_ID(); ?><?php the_title(); ?>" class="aa"> <div id="panel<?php the_ID(); ?>" class="col-md-6 col-sm-6 col-xs-6" style="background:grey;padding:0;margin:0;width:50%;height:100%;left:-50%;"> <img src="<?php echo $feat_image; ?>" style="width:100%;" class="img-responsive" /> </div> <div id="paner<?php the_ID(); ?>" class="col-md-6 col-sm-6 col-xs-6" style="background:#7aa1ae;padding:0;margin:0;width:50%;height:800px;right:-50%;"> <a id="#<?php the_ID(); ?>" href="#click" title="More"><i class="fa fa-times" id="close" aria-hidden="true"></i> </a> <div style="padding:20px;"> <h3>khavar zamin abhar</h3> <p><?php the_content(); ?></p> </div> </div> </aside> <?php endwhile; endif; wp_reset_postdata(); ?> <script> $(document).ready(function(){ var flag=0; $('a#').click(function(){ if(flag==0){ $('#paner<?php the_ID(); ?>').animate({left: '0'}); $('#panel<?php the_ID(); ?>').animate({right: '0'}); flag=1; } else if(flag==1){ $('#paner<?php the_ID(); ?>').animate({left: '-50%'}); $('#panel<?php the_ID(); ?>').animate({right: '-50%'}); flag=0; } }); }); </script> </div> یه تیکه کدی هم که به صورت HTML نوشتم رو ضمیمه کردم shop 10pm.zip ویرایش شده آبان 95 توسط jakob نقل قول لینک به ارسال
Mirrajabi 455 ارسال شده در آبان 95 گزارش بازنشر ارسال شده در آبان 95 کلا کد اشتباست . هم بخش html , وهم بخش جی کوئری 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .