Slider issue, possible java error WordPress

Arnav Joy answers:

i checked the url and page shows only logo no content

Marko Nikolic answers:

It's hard to say this way, but you should check if there is a jQuery conflict somewhere in your theme.

You can try with using "jQuery" instead "$" sign. I also suggest you to use jQuery. noConflict();

Also, you should implement jQuery the right way (from functions.php), so there shouldn't be any conflicts.

Cheers

Christianto answers:

Hi,

The flexislider script in your site targeted a slider with id="slider"
pic = $("#slider").children("img");

You should change the slider html structure (id) from id="rotator" to id="slider"
<div<strong> id="rotator"</strong>>
<img src="wp-content/uploads/2012/10/slide-1.jpg" width="750" height="321" class="20121022154905" alt="">
<img src="wp-content/uploads/2012/10/slide-2.jpg" width="750" height="321" class="20121022154910" alt="">
</div>

Or you can change the selector in jquery.flexislider.js file
kidspackdev/wp-content/themes/kidspack/js/jquery.flexislider.js

around line 17 find this code
pic = $("#slider").children("img");
change to
pic = $("#rotator").children("img");

Also please make sure that the wrapper is set to position relative, and the image set to position absolute
#rotator {position: relative; overflow: hidden;}
#rotator img {position:absolute; margin:0;display:none;}

optionally you can add loader image:
<div<strong> id="rotator"</strong>>
<div id="imageloader" style="display: none; ">
<img src="images/ajax-loader.gif">
</div>
<img src="/wp-content/uploads/2012/10/slide-1.jpg" width="750" height="321" class="20121022154905" alt="">
<img src="/wp-content/uploads/2012/10/slide-2.jpg" width="750" height="321" class="20121022154910" alt="">
</div>
please check the slider homepage to check html/css
[[LINK href="http://flexidev.co.za/projects/flexislider/"]]http://flexidev.co.za/projects/flexislider/[[/LINK]]

---

---