Integrating JQuery with WordPress, Galleriffic slideshow troubleshoot

well…when you say content divs in index…you mean you’ve hardcoded content into index.php?

like….does your js scripts call the photos, or do you have to hardcode them into index.php?

If it’s in the js, you point that to the images. If it’s in the index.php…..you just have to code to the photos properly like:

<img src="<?php bloginfo('template_url'); ?>/photos/images.png" width="114" height="111" alt="title" />
(This assumes you load all pics to a folder called photos within your theme)

in your header…do you close the scripts you call?

<script type="text/javascript" src="/scripts/jquery.galleriffic.js”></script>

admittedly, I know nothing about the script you are trying to run, just trying to drop some generic science

Also, on here, if you use the code button, or post between backtics (just under Esc on american keyboard) your code will appear safely

Thanks, RVoodoo. I am hard coding the images into the index.php page, and did not know how to call the images, so that WordPress would find them. I will definitely try it using the php bloginfo code you mentioned to call the images, and see if that takes care of the problem. And yes, I have been closing the scripts. I realize the thread here did not print that out, – Thanks for letting me know about the code button! I am admittedly new to coding WordPress sites, but it would be really awesome if I can get this to work.

I’ll try again, and let you know how it goes!!

Yippee!! I got it running!!! I figured out what was wrong, and of course it was so simple. My biggest problem was calling other javascripts before the wp_head tag! It should have been after – like this:

<?php wp_enqueue_script('jquery'); ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"); type="text/css" media="screen" />
<?php wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/scripts/jquery.galleriffic.js"></script>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/scripts/jquery.history.js"></script>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/scripts/jquery.opacityrollover.js"></script>

Calling the images using the bloginfo tag was also a huge lifesaver. Thanks so much for the tip, RVoodoo! I am majorly relieved right now!

Hi jupiter76, i’ve been searching for ages on integrating galleriffic into wordpress and was glad to find your posts. Is your site up online somewhere? i would love to check it out.

I will pass it along when it’s online. Right now, I’m still working out the kinks. I got galleriffic working but now I’m having problems getting flvs and swfs on the site, without a plugin.

The site I was working on is now online at https://www.flamingmedusa.com/gallery/illustration.

Check out the slideshows there to see galleriffic working with WordPress.

I’m so stoked to see that you got this working, I love Galleriffic for image display! I plan on implementing it on a WordPress site soon. I find it really irritating that there don’t seem to be any WordPress galleries that don’t rely on Lightbox or a heavy-handed app like Gallery2. I have demo’ed almost ALL of them, and they all have horrible user experience, hideous design or both. Just give me thumbnails, captions, and a clickthrough without reloading the page! And NO Lightbox!

Hi Jupiter76

You mentioned you hard coded the images. Did you figure out how to integrate the script to enable the images to be uploaded via word press by any chance?

I am not very experienced with scripts so gave up trying to figure it out. Disappointing as so far Galleriffic seems to be the best gallery script – fast, light and very cross browser compatible.

Thanks!

Hi jupiter76,

I could not do the integration.
If you can.
You can post the step by step?
With details.

Thanks

Caliosun, sorry I have not looked into uploading the images via the wordpress admin area. Being that I had a large amount of images to work with, it was a lot more efficient to hard-code the images into the page.

Leandro, Galleriffic publishes a step by step with the code online:
https://www.twospy.com/galleriffic/

The biggest changes to get it to work with WordPress are to add the call to scripts to the header as referenced in an above post, and to call the images in the correct way (also addressed above).

jupiter76 and everyone,
Thanks for your help with Galleriffic.
This WordPress Plugin for Galleriffic works:-

PHOTOSPACE

I also got it to work by calling

<script type="text/javascript" src="/js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="/js/jquery.history.js"></script>
<script type="text/javascript" src="/js/jquery.opacityrollover.js"></script>

AFTER
<?php wp_head(); ?>

Thanks!