1

I'm trying to add a Javascript slide show to my WordPress home page. In my theme folder I have a js folder and then in that I have jquery.cross-slide.min.js and jquery.min.js.

This is what I have and what I'm pasting into my post area:

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cross-slide.min.js"></script>

<script type="text/javascript">
function() {
crossSlide({
sleep: 3,
fade: 1
}, [
{ src: 'images/slideshows/block1.jpg' },
{ src: 'images/slideshows/block2.jpg' },
{ src: 'images/slideshows/block3.jpg' }
])
});
</script>

If I paste this into a WordPress page throught the HTML editor it doesn't work. Please could you check for errors and advice.

Improve this question
0

3 Answers 3

Reset to default
1

You pasted this in the regular post editor, where you also type your post content? This will not work, the editor filters out invalid HTML, like Javascript. I recommend you install one of the numerous slider gallery plugins and add your images via the existing gallery functionality.

Improve this answer
1
  • Script tags go in the document head, and should be registered/enqueued using wp_register_script() and wp_enqueue_script(), and then hooked into the document head, ideally at the wp_enqueue_scripts hook. Commented Jun 27, 2011 at 0:54
0

@michael - hi, you just forgot to connect this function to an element as you do in jQuery 

 $('#crossslide').crossSlide(
   //code
  )

you may read this for help

Improve this answer
0

You can also try out the Cross Slide Cross Fade Plugin by christopherross.

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.