Jquery and WordPress : The image file never shows up?

So I was trying to implement the cool sexy curl effect by Elliot Kember.
I got all the javascript inserted with

<script type='text/javascript' src='<?php echo get_bloginfo('template_url'); ?>/js/jquery.min.js'></script>
<script type='text/javascript' src='<?php echo get_bloginfo('template_url'); ?>/js/jquery-ui.min.js'></script>
<script type='text/javascript' src='<?php echo get_bloginfo('template_url'); ?>/js/turn.js'></script>
<script type='text/javascript' src='<?php echo get_bloginfo('template_url'); ?>/js/turn_fire.js'></script>

I have added the css file too.
Added the code image with

Read More
<img id="target" src="<?php bloginfo('stylesheet_directory'); ?>/images/code.png"/>

But there is a line $( '#target' ).fold({turnImage: 'fold.png'}); which needs the fold.png image file.
But even if I put the image in the folder it never shows up. Every other thing works almost fine. The code.png image shows up, it even gets resized and all.
I have trying giving the full path too. But no results.The image never shows up.

Related posts

Leave a Reply

1 comment

  1. You may also need to give the “directory” option to point to the path where you put the images. You can look that up in the source of the plugin: https://github.com/elliottkember/the-sexy-curls-jquery-plugin/blob/master/turn.js

    If you don’t set “directory” it will be set to “.” and the path you give for the image will be relative to your current location.

    Based on the log message you gave, directory has to be “/wordpress/wp-content/uploads/2012/02”