I have added nivo slider plugin to wordpress however it doesn't move past the git loading file.I believe the problem is in the way i am loading the jquery.
I have included the javascript jquery.nivo.slider.js file in the js folder inside my theme folder.
In the header.php i am using this inside the head tags:
And in the index.php i am using this:
I am not using anything inside the functions.php file.And am using this inside the style.css:
Could you please tell me where i go wrong due to which the git file is appearing and not the images slideshow. When used as index.html it worked as a charm.
I have included the javascript jquery.nivo.slider.js file in the js folder inside my theme folder.
In the header.php i am using this inside the head tags:
Code:
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/bootstrap/js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>And in the index.php i am using this:
Code:
<div class="container">
<div class="slider-wrapper theme-default">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<img src="bootstrap/images/screen1.jpg"/>
<img src="bootstrap/images/screen2.jpg" />
<img src="bootstrap/images/screen3.jpg" />
<img src="bootstrap/images/screen4.jpg"/>
</div>
</div>I am not using anything inside the functions.php file.And am using this inside the style.css:
Code:
@import url("bootstrap/css/nivo-slider.css");
@import url("bootstrap/css/slider.css");
@import url("bootstrap/css/bootstrap.css");
@import url("bootstrap/themes/default/default.css");Could you please tell me where i go wrong due to which the git file is appearing and not the images slideshow. When used as index.html it worked as a charm.