بابه‌ت: چۆن سڵاید شۆو دانێم بۆ ماڵپەڕەکەم

سڵاو هاوڕێیان
چۆن سڵاید شۆو دانێم بۆ ماڵپەڕەکەم چەند دانەیەکەم دانا بەڵام ستایلەکە کێشەی تێ دەکەوت
تێبینی:مەبەستم سڵایدی بابەتەکانە
لینکی ماڵپەڕ: http://sozedl.com/web/
سوپاس بۆ یارمەتیتان

وه‌ڵام: چۆن سڵاید شۆو دانێم بۆ ماڵپەڕەکەم

بەسستەر کارناکات بەڵام کێشە نییە ئێمە ئیشمان بەوە نییە


چۆنیەتی دانانی سلایدشۆو

سەرەتا ئەم پڕۆگرامە دابگرە Amazing Slider لەوێ بە ئارەزوی خۆت سلایدشۆیەک دروست بکە

بەنموونە گەر ئەمە کۆدی سلایدشۆوەکە بێت

 <div id="amazingslider-wrapper-1" style="display:block;position:relative;max-width:900px;margin:0px 260 156px;">
        <div  id="amazingslider-1" style="display:block;position:relative;margin:30px 260px 76px;">
            <ul class="amazingslider-slides" style="display:none;">
                <li><img src="wene/Chrysanthemum.jpg" alt="" />
                </li>
                <li><img src="wene/Desert.jpg" alt="" />
                </li>
                <li><img src="wene/Hydrangeas.jpg" alt="" />
                </li>
                <li><img src="wene/Jellyfish.jpg" alt="" />
                </li>
                <li><img src="wene/Lighthouse.jpg" alt="" />
                </li>
                <li><img src="wene/Tulips.jpg" alt="" />
                </li>
          
            </ul>
            <ul class="amazingslider-thumbnails" style="display:none;">
                <li><img src="wene/Chrysanthemum-tn.jpg" alt="" /></li>
                <li><img src="wene/Desert-tn.jpg" alt="" /></li>
                <li><img src="wene/Hydrangeas-tn.jpg" alt="" /></li>
                <li><img src="wene/Jellyfish-tn.jpg" alt="" /></li>
                <li><img src="wene/Lighthouse-tn.jpg" alt="" /></li>
                <li><img src="wene/Tulips-tn.jpg" alt="" /></li>
            
            </ul>
    
        </div>
    </div>

ئەوا کۆدەکان بەم شێوەیە لێبکە

<?php if(is_home()){ ?>
    <div id="amazingslider-wrapper-1" style="display:block;position:relative;max-width:900px;margin:20px auto 6px;">
        <div id="amazingslider-1" style="display:block;position:relative;margin:0 auto;">
            <ul class="amazingslider-slides" style="display:none;">
            <?php if (have_posts()) : while (have_posts()) : the_post(); 

            $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );

?>
                <li><a href="<?php the_permalink(); ?>">
                
                <?php if ( has_post_thumbnail() ) { ?>
                <img src="<?php $src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), array(500, 500), false, ''); echo $src[0]; ?>" alt="<?php echo get_the_title(); ?>" />
                
                <?php }else {?>
    
    <img class="wp-post-image" src="<?php echo get_template_directory_uri(); ?>/wene/no_image_s.png"></img>
    <?php } ?>
</a>
                
                
                </li>
              <?php endwhile; endif; ?>
            </ul>
            <ul class="amazingslider-thumbnails" style="display:none;">
                          <?php if (have_posts()) : while (have_posts()) : the_post(); 

            $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );

?>
                <li><a href="<?php the_permalink(); ?>">
                
                <?php if ( has_post_thumbnail() ) { ?>
                <img src="<?php $src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), array(500, 500), false, ''); echo $src[0]; ?>" alt="<?php echo get_the_title(); ?>" />
                
                <?php }else {?>
    
    <img class="wp-post-image" src="<?php echo get_template_directory_uri(); ?>/wene/no_image_s.png"></img>
    <?php } ?>
</a>
                
                
                </li>
              <?php endwhile; endif; ?>
           </ul>
        </div>
    </div>
    <?php }else{} ?>

کۆدەکەش لەو شوێنە دابنێ کە دەتەوێت سلایدشۆوەکەی لێبێت

گەر هەر کێشەیەکیشت هەبوو ئاگادارم بکەرەوە