Posted 1 month ago #
Shadow box does not appear to be working on my site.
Tried adding new posts and pages, but the photos are inserted as normal without a lightbox effect.
After searching the forum I see the footer issue, so I checked and found this code in the footer.php <?php wp_footer(); ?>
Any other thoughts on what the cause of the problem could be?
Thanks
Posted 1 month ago #
I just spent 10 minutes on your site looking for a page or post that uses Shadowbox JS, and was unsuccessful. Please provide a link to a post/page where this plugin is not working.
Posted 1 month ago #
That's my problem, I don't think I understand how to use the plugin. It is installed, but when I create a new post I don't seem to have any options in the editor to specifically add a shadowbox element.
Here is a post: http://www.delcorazon.org/?p=261
where I manually added the rel="shadowbox" statement after using the normal tool in the wordpress editor to insert a photo.
I don't fully understand the instruction on inserting the code on the Usage>setup page. What does it mean to "include the JavaScript and CSS files in the <head> of your document " Is that code to be inserted in the header.php or the style.css ? If so, where? My stylesheet has two areas with the label ***Header Styles****
Sorry if I'm asking dumb questions here. Other plugins have simply required download and activation. If there is more to it than that, I am willing to do some work because this seems like a very cool feature once it is working.
Thanks
Posted 1 month ago #
Where are you reading these instructions? If it is from shadowbox-js.com that is not the correct place. That is the up stream site and has nothing to do with the plugin other than the plugin uses the shadowbox javascript code.
You shouldn't need to add rel="shadowbox" to anything as the plugin should handle it automatically.
In addition shadowbox does not work on image tags. In works on anchor or link tags. To make it work what you put in your post should look something like:
<a href="http://example.org/url/to/image.jpg"><img src="http://example.org/url/to/thumbnail.jpg" alt="" /></a>
If you want you can add the rel="shadowbox" to make it look like:
<a href="http://example.org/url/to/image.jpg" rel="shadowbox"><img src="http://example.org/url/to/thumbnail.jpg" alt="" /></a>
As far as the proper place to look for usage instructions see:
http://wordpress.org/extend/plugins/shadowbox-js/other_notes/
Posted 1 month ago #
Thanks you. I think that was the problem. I am reading the instructions from the wrong site. The site you gave mentioned using only the code editor and not the visual editor. I was expecting an added button to appear in the visual editor.
Works fine using the code you provided in my posts. Thanks!
You must log in to post.
