• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 578
  • Last Modified:

Javascript Slideshow Troubleshooting

It's in wordpress. Here's my CrossSlide slideshow code:

Here's Crosslide: http://tobia.github.com/CrossSlide/

In my head tag, I've got

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

In my stylesheet.css, I've got:

#slideshow {
  width: 496px;
  height: 308px;

In a new page in Wordpress I've got the attached code.

All of the files are uploaded to that "js" subdirectory.

What am I doing wrong?

<div id="slideshow">
<script type="text/javascript">
  $(function() {
      sleep: 5,
      fade: 1
    }, [
      { src: '/wp-content/themes/twentyten/js/1.jpg' },
      { src: '/wp-content/themes/twentyten/js/2.jpg' },
      { src: '/wp-content/themes/twentyten/js/3.jpg' },
      { src: '/wp-content/themes/twentyten/js/4.jpg' }
      { src: '/wp-content/themes/twentyten/js/5.jpg' },
      { src: '/wp-content/themes/twentyten/js/6.jpg' },
      { src: '/wp-content/themes/twentyten/js/7.jpg' }


Open in new window

  • 2
  • 2
1 Solution
You'll want the <script> tag to be below the <div></div> tags.
weikelbobAuthor Commented:
Did that. Thanks.

Still not working

I'm not even sure my downloaded javascript files are in the correct form, I'm not used to javascript.
As long as you have not edited it, those js files are functional.  

on the lines where you declare the img src,
      { src: '/wp-content/themes/twentyten/js/1.jpg' },
      { src: '1.jpg' },

What browser are you using?
weikelbobAuthor Commented:
Got it, there's no comma at the end of line 11 above.

Thanks for your help.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now