رفتن به مطلب

کار نکردن کد جاوا گالری


پست های پیشنهاد شده

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

من به صورت دستی یه گالری نوشتم و داخل یه حلقه گذاشتم که از هر آیتم چند تا تولید میکنه و برای هر آیتم یه 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

ویرایش شده توسط jakob
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...