Great article, but I’ve problems with the $(document).ready(function()-function in all latest browsers: all images load shortly before the WordPress-page loads.
It’s very frustrating, because I’ve read a lot of articles about this problem.
Can you help me ?

The code in header.php:

$(document).ready(function(){
$(‘#myslides’).cycle({
fit: 1, pause: 2
});
});

<?php
$directory = 'wp-content/themes/iblog2/images/slideshow/' . $row['imageName'];
try {
// Styling for images
echo "”;
foreach ( new DirectoryIterator($directory) as $item ) {
if ($item->isFile()) {
$path = $directory . “/” . $item;
echo “”;
}
}
echo “”;
}
catch(Exception $e) {
echo ‘No images found for this slideshow.’;
}
?>

Thanks in advance,

Niels

Got it fixed. yes, it does need to be single quote. I did not notice the quotes were wrong. thanks for helping.

Got it fixed. yes, it does need to be single quote. I don’t see very well and I did not notice the quotes were wrong. thanks for helping.

Make sure the quote right after !preg_match is not the back-tick character. It should be a straight single quote. I think that’s why you are getting a syntax error from PHP. The ending quote also needs to be a single quote.

Let me try again to show that line of code here:

if ($item->isFile() && !preg_match(‘/^thumb_/’, $item)) {

Basically, what that line of code does is check to see if the current item in the loop IS a file and IS NOT a file starting with the name “thumb_”.

NOTE: After posting this comment, I can see it has the same issue… must be something in this theme that I need to look into. Anyway, on your keyboard, make sure you replace the quote after !preg_match( with the one below the double quotes key next to the Enter key on a standard keyboard. Also fix the ending quote immediately after ^thumb_/. If this doesn’t work, I’ll try and post the entire example file here as a download this week.

Let me know how it goes!

sorry to bother. I get an error with the new php line. My code currently reads:

$directory = ‘uploads/images/slideshow/’ . $row['imageName'];
try {
// Styling for images
echo “”;
foreach ( new DirectoryIterator(“” . $directory) as $item ) {
// if ($item->isFile()) {
if ($item->isFile() && !preg_match(‘/^thumb_/’, $item)) {
$path = “/newsite/” . $directory . “/” . $item;
echo “”;
}
}
echo “”;
}

catch(Exception $e) {
echo ‘No images found for this player.’;
}

the error is:
# invalid code entered.
# Parse error: syntax error, unexpected ‘^’ eval()’d code on line 7

any ideas? the website is http://keepsakefamilytreevideo.com/newsite/

thanks for your help.

kp

I’m no php programmer so let me make sure i understand.

I should replace

$directory = ‘uploads/images/slideshow’ . $row['image'];
try {
// Styling for images

echo “”;
foreach ( new DirectoryIterator(“” . $directory) as $item ) {
if ($item->isFile()) {
$path = “/newsite/” . $directory . “/” . $item;
echo “”;
}
}
echo “”;
}

catch(Exception $e) {
echo ‘No images found for this player.’;
}

WITH
$directory = ‘uploads/images/slideshow’ . $row['image'];
try {
// Styling for images

echo “”;
foreach ( new DirectoryIterator(“” . $directory) as $item ) {
if ($item->isFile() && !preg_match(‘/^thumb_/’, $item)) {
$path = “/newsite/” . $directory . “/” . $item;
echo “”;
}
}
echo “”;
}

catch(Exception $e) {
echo ‘No images found for this player.’;
}

Do you want to show 3 images at the same time, but pull them from a database rather than a folder on the server?

KP:

You should be able to just add a regexp to the if statement that checks if the current item is a file in the PHP file… that will filter out your auto-generated thumbnails from the CMS.

Try this new version of line 6:
if ($item->isFile() && !preg_match(‘/^thumb_/’, $item)) {

I also created a new demo to show it working. The top slideshow will display the thumbnail, the bottom one doesn’t.

I’ve been looking for a php script that automates jQuery slideshows. this is a gem of a find. thank you.

I have a quick question. I’m using this script in a cms. Any image upload will generate an auto thumbnail. how can i modify the php code to bypass the thumbnails? currently, both image1.jpg and thumb_image1.jpg are showing.

thank you.