jquery - how to load Js only one index.php in wordpress -
i want load 2 js file home (index.php) file in wordpress. can't
<?php if (is_page('home') ) { ?> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="<?php bloginfo('template_directory'); ?>/js/jcarousellite_1.0.1.js" type="text/javascript"></script> <?php } ?>
i tried not work. without home if put other page name work fine.. home page (index.php). there anyway load 1 index.php or home page. think need trigger index.php page not home. caz home page not made wordpress page. index. bellow index.php file code.
<?php get_header(); ?> <style type="text/css"> .sliderarea .sliderbg .sliderwrap .anyclass ul li { background-color: #03f; border: 2px solid #930; height: 100px; width: 100px; margin-left: 10px; } </style> <div class="slidshow"> <div class="sshow"><?php echo do_shortcode("[widgetkit id=741]"); ?> </div> <div class="overshadow"></div> <div class="righpanbox"> <ul> <li><a href="<?php echo get_permalink(get_id_by_slug('why-web')); ?>"><?php echo $images=get_the_post_thumbnail(get_id_by_slug('why-gentaweb'));?> </a></li> <li><img src="<?php bloginfo('template_directory'); ?>/images/star_sepa.png" /></a></li> <li><a href="<?php echo get_permalink(get_id_by_slug('why-web-domain-sale')); ?>"><?php echo $images=get_the_post_thumbnail(get_id_by_slug('why-web-domain-sale'));?> </a></li> <li><img src="<?php bloginfo('template_directory'); ?>/images/star_sepa.png" /></li> </ul> </div> </div> <div class="cls"></div> <div class="sliderarea"> <div class="sliderbg"> <div class="sliderwrap"> <button class="prev"><<</button> <button class="next">>></button> <div class="anyclass"> <ul> <li><img src="someimage" alt="" width="100" height="100" ></li> <li><img src="someimage" alt="" width="100" height="100" ></li> <li><img src="someimage" alt="" width="100" height="100" ></li> <li><img src="someimage" alt="" width="100" height="100" ></li> <li><img src="someimage" alt="" width="100" height="100" ></li> <li><img src="someimage" alt="" width="100" height="100" ></li> <li><img src="someimage" alt="" width="100" height="100" ></li> <li><img src="someimage" alt="" width="100" height="100" ></li> </ul> </div> <script> $(function() { $(".anyclass").jcarousellite({ btnnext: ".next", btnprev: ".prev" }); }); </script> </div> </div> </div> <?php get_footer(); ?>
Comments
Post a Comment