How to : Integrate a slideshow in your wordpress theme

by X-OR. 147 Comments -

In the previous tutorial i explained how to make a control panel for your theme, now let’s go further with the integration of Smooth Gallery (from JonDesign), a javascript gallery based on mootools.

In this tutorial, i will also use mimbo (from Darren Hoyt).

Most theme don’t use all the possibilies of wordpress and smoothgallery. In some of them (like massive news) you must hardcode the links to the post in the control panel. That’s why i decided to do this tutorial.

Smooth Gallery in WordPress
this is what it will look like

you can see working example on the main page of this site

What do we need ?

The first thing we need to do is to download SmoothGallery 2.0

First Step : Put the files where they have to go

Unzip your smoothgallery archive

copy the css directory to wp-content/themes/your_theme_name

copy the scripts directory to wp-content/themes/your_theme_name

Once this first step is done, we have all ressources needed to run the SmoothGallery on our blog

Second Step : Add the reference to the files in your Header

Add these lines in your header file (wp-content/themes/your_theme_name/header.php)

<!--Css SmoothGallery-->
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/jd.gallery.css" type="text/css" media="screen"/>
<!--JS Mootools-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/mootools.v1.11.js"></script>
<!--JS SmoothGallery-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/jd.gallery.js"></script>

Once this step is done, SmoothGallery is ready for use in your theme

Third Step : Create the file gallery.php (in your theme directory), this file will generate the html code to show your gallery.

before starting this step, bear in mind the structure of a smoothgallery element

<div class="imageElement">
<h3>Item Title</h3>
<p>Item Description</p>
<a href="Link to Item " title="open image" class="open"></a>
<img src="Image of item" class="full" alt="Item Title" />
<img src="Thumbmail of item" class="thumbnail" alt="thumbnail of Item Title" />
</div>

In the gallery.php file there are two parts.

The initialisation of the SmoothGallery Script (JS)
The creation of the html/php code for the gallery

you can download the proper code here

<!-- Initialization of SmoothGallery-->
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'),
{timed: true});}
window.addEvent('domready',startGallery);
</script>
<!-- Creation of the html for the gallery -->
<div class="content">
<div id="myGallery">
<!--
Get the 5 lasts posts of category which ID is 3
(to show the recent post use query_posts('showposts=5');)
-->
<?php query_posts('showposts=5&cat=3');?>
<?php while (have_posts()) : the_post(); ?>
<!--get the custom fields gallery_image
(fields which contains the link to the image to show in the gallery)
-->
<?php $values = get_post_custom_values("gallery_image");?>
<!-- Verify if you set the custom field gallery_image for the post -->
<?php if(isset($values[0]))
{?>
<!--define a gallery element-->
<div class="imageElement">
<!--post’s title to show for this element-->
<h3><?php the_title(); ?></h3>
<!--post’s excerpt to show for this element-->
<?php the_excerpt(); ?>
<!--Link to the full post-->
<a href="<?php the_permalink() ?>" title="Read more" class="open"></a>
<!-- Define the image for the gallery -->
<img src="<?php echo $values[0]; ?>" class="full" alt="<?php the_title(); ?>"/>
<!-- Define the thumbnail for the gallery -->
<img src="<?php echo $values[0]; ?>" class="thumbnail" alt="<?php the_title(); ?>"/>
</div>
<?php }?>
<?php endwhile; ?>
</div>
</div>

Fourth step : include the gallery in your theme

With mimbo it’s really simple, you only have to replace all the code between these two lines
<div class="feature clearfloat" id="lead">
</div><!--END FEATURE-->

by
<?php include ('gallery.php'); ?>

once this is done, your gallery is working (if you have set the custom field of your posts of course)

If you are using another theme, it’s not a problem, you can put the include wherever you want

Last step (not mandatory) : Customize your gallery

open the file wp-content/themes/your_theme_name/css/jd.gallery.css, you can set the height and width of your gallery.

#myGallery, #myGallerySet, #flickrGallery
{
width: 590px;
height: 250px;
z-index:5;
border: 1px solid #000;
}

you can also modify the options of your gallery in wp-content/themes/your_theme_name/scripts/jd.gallery.js

more info on customization on Smooth Gallery Website

  • josh

    NO friggen working example?

  • http://www.lyxia.org jbj

    Josh,
    The blog homepage features a SmoothGallery.

  • Pingback: Web 2.0 Announcer

  • Pingback: 教程:轻松为你的wordpress主题添加漂亮slideshow at sundyme的网络收藏夹

  • http://tucsonseosolutions.com/website-marketing-services/local-seo Local SEO Phoenix

    I have been visiting your blog since I first discovered you and I continue to be impressed by the effort that you put into your blog. Its nice to visit useful sites.

  • http://www.revistadevideojuegos.com Dani

    Hello! forgives, I continue all the steps, but I get a black box loading forever. Does where I failed? Can you copy the code “gallery.php” of your site? (because that is included in the post has two errors) thanks!

  • http://www.x-or.be/ X-OR

    Hi Dani,

    i have tested again the gallery.php and it works for me, did you see the link to the “copy/paste” version of the code here try with it.

    If it doesn’t work, leave me a link to your code so i can have a look and help you to make it work

    @Local SEO Phoenix: Thank you for you interrest and your kind words!!!

    • http://www.virtualeventdirectory.com/wordpress Velus

      Hi,

      I am having similar problems too.. The gallery never loading. I have followed all of the steps explained. Thanks and appreciate your help

  • http://www.revistadevideojuegos.com Dani

    Thank you for your reply! He left the plugin enabled to have a look in my page. the code gallery.php is this:

    function startGallery() {
    var myGallery = new gallery($(‘myGallery’),
    {timed: true});}
    window.addEvent(‘domready’,startGallery);

    <a href=”” title=”Read more” class=”open”>

  • http://www.revistadevideojuegos.com Dani

    Do not let me copy the code:) But I think the problem I have is that not that field I have to customize to create the post so that it recognizes as part of the gallery

  • http://www.revistadevideojuegos.com Dani

    “Verify if you set the custom field gallery_image for the post –”

  • http://mothertheme.com Tim Norton

    This is a really good tutorial, I am going to include it on my reworked homepage to be released soon…. Thanks!

  • http://www.x-or.be/ X-OR

    @Dani: did you create the custom field ???, i you have still problem contact me by mail : joydivision78(at)gmail(dot)com
    @Tim Norton: Thank you, say it to me when it’s released so i can have a look !!

  • http://mothertheme.com Tim Norton

    @X-OR: You bet! I’m doing a lot of work on it this week so hopefully in a day or two.

  • http://web-kreation.com Jeeremie

    Nice tutorial. I will bookmark it for future reference. Thanks.

    I wanted to use SmoothGallery to showcase my work on my home page but finally I went for MooFlow which is not bad as well.

  • Pingback: Garçon aka Martin Kopta » Blog Archive » links for 2008-08-03 [delicious.com]

  • http://mothertheme.com Tim Norton

    OK, you can see the finished gallery on my website. One thing, you have to create a custom field called ‘gallery_image’ and put make the value (for each post) the image you want to display in the slideshow about that post, for instance ‘nice-pic.jpg’. Then make sure the gallery.php path to the images is correct (site.com/gallery/) etc. Those are a couple things that got things working for me. Thanks for the tutorial!

  • http://www.x-or.be/ X-OR

    @Jeeremie: Thanks, i’ve taken a look at your mooflow showcase and it’s nice, kinda different than smoothgallery. i will try it for another project: Thanks

    @Tim Norton: Nice one !!!!, thanks for sharing you experience here !!!!

  • http://www.cagedfish.co.uk/fishyblog Steve H

    Great tutorial, wae are building so many WP’s for clients now, thanks for the info

    Steve

  • sryr

    hi,
    i have a problem :S
    i only see ajax loading bar and black screen and excerpt :(
    how can i solve this probem ?

  • http://www.x-or.be/ X-OR

    hi sryr,

    look at the path to your image the problem come probably from there, if you want you can let me the link to your work so i can have a look.

  • sryr

    Hi X-OR,
    how can i declare a path for images,
    i want to use smooth gallery on right sidebar with my wordpress website. i was working on local server, and i try to integrate my new wp theme design. if i can not solve this problem i can load a demo to web server and you can check , if i can solve this problem i will be happy so much. Coz i tried last night and not find any solution :( thanks for reply

  • http://www.x-or.be/ X-OR

    Hi sryr,
    did you specify the custom field for each post you display ?
    You can contact me by mail joydivision78(at)gmail(dot)com.

  • srvyr

    i sent an e-mail for you. pls check it.

  • srvyr

    i solved problem now :) thanks you X-OR,
    it works now very well,

  • http://www.x-or.be/ X-OR

    Great news srvyr,

    you’re welcome

  • srvyr

    thanks a lot

  • Pingback: 发现网络 » Blog Archive » 教程:轻松为你的博客添加slideshow

  • Pingback: Can the multimedia box display pages? - DIY Themes Forums

  • http://www.ipodstuffreviews.com iPod Dude

    Hi guys,
    In case any of you run into the problem where your slideshow does not load and all you get is the loading page, it is related to the fact that the Mootools library being used by SmoothGallery is not compatible with other AJAX libraries. Specifically prototype.js. I spent nearly an entire day trying to find out why it was not working on my website. Anyways, I came up with a PHP patch in my template that simply checks to see if your current page should load prototype.js or the Mootools library. So far, so good. If anybody needs help, you can use the following form to contact me: http://www.ipodstuffreviews.com/contact/

  • http://bluuu.eu honza.

    Good job, everything work. But… I would like to change font size in gray infopanel (post title and excerpt). I try change this in jd,gallery.css and layout css… but it doesnt work :(

  • http://www.luxurytravelbutler.com Tom

    Hi Guys,

    I don’t get it to work. Sorry for any dummy questions but should I customize something in gallery.php? I have given some posts in wordpress the custom field “gallery_image” as value (what should i give in for key?). Also I get an error “Handler could not be removed”. Could you help me out please?

    Thanks!

    Tom

  • http://www.luxurytravelbutler.com Tom

    Hello guys,

    I am following up on my previous mail concerning the fact that I can’t get in run.

    In wordpress I’ve added a custom field:
    key: gallery_image value: path of the image itself /blog/wp-content/../image.jpg

    Is that OK? For the rest I’ve put gallery.php under themes and copied the content “as is”. Any customization needed here?

    I still get the message: “Handler could not be removed”.

    Thanks for you support!

    Regards,

    Tom

  • http://www.lyxia.org jbj

    @Tom: X-OR, who wrote this article, is away today, but will answer you tomorrow. Stay tuned :)

  • http://www.luxurytravelbutler.com Tom

    Thanks jbj !

  • http://www.x-or.be/ X-OR

    @honza.: you have to locate in the file css/jd.gallery.css : you can change these 2 class.

    .jdGallery .slideInfoZone h2
    {
    padding: 0;
    font-size: 14px;
    margin: 0;
    margin: 2px 5px;
    font-weight: bold;
    color: fff;
    }

    .jdGallery .slideInfoZone p
    {
    padding-left: 5px;
    font-size: 10px;
    margin: 2px 5px;
    color: #fff;
    }

    if you still have problem contact me by mail joydivision78(at)gmail(dot)com

  • http://www.x-or.be/ X-OR

    @Tom:

    try to put in key :gallery_image and in value : the full path to the image

    do you have an example online so i can check what goes wrong

    you can contact me by mail (same adress as previous comment)

  • http://www.livingdowntowndesmoines.com Larry Bradshaw

    I’m kind of lost on installing this, here’s where I get lost?

    1. “Then make sure the gallery.php path to the images is correct (site.com/gallery/) etc.” What line of the gallery php is this, I can’t find where I insert my path?

    2. I get lost at Step 4. I can’t figure out what to do here:
    Fourth step : include the gallery in your theme
    With mimbo it’s really simple, you only have to replace all the code between these two lines

    by

    Any help would be appreciated. Thanks!
    PS I added the custom field to my latest post, but the key only has the file name, not the full path.

  • http://www.x-or.be/ X-OR

    @Larry Bradshaw: Hi,

    the 1st point you’ll have to modify the code in gallery.php if you only set the file name in the key value
    the 2 lines starting with < img src=”

    you’ll have to put the full path to the directory where you put your image files. like

    <img src="http://www.mysite.com/feature/<?php echo $values[0];?>

    for the second thing you’ll have to put where you want your gallery to appear the code

    <?php include (‘gallery.php’);?>

    if it doesn’t work mail me at joydivision78(at)gmail(dot)com

  • http://www.luxurytravelbutler.com Tom

    @ X-OR: Thanks for your feedback!

    I’ve already implemented it as follow in wordpress:

    key: gallery_image value: http://www.luxurytravelbutler.com/blog/wp-content/themes/default/images/brazil-travel-package-great-brazil-express.jpg (so the full path)

    Still got the error message: “Handler could not be removed”

    Is there any customization needed in gallery.php? Is the place where I put the scripts & css important? Have a look at my http head @ www.luxurytravelbutler.com ; I assume there is no problem there ; so it has to be something else…

    Can I add you to MSN so I know when you’re online ; then I can set up everything to have a look at. (problem is that I have to test on when the site is live).

    Thanks for your support!

    Tom

  • http://www.polygonrevue.com kneff

    Hello,

    I have, despite my lack of coding-expertise, tried to implement the slideshow into my WP-theme (Thesis 1.1), but have only gotten half-way. What I cannot figure out (and what surely makes me into a laughingstock) is where exactly to put the ‘structure of the smooth gallery element’.

    i.e.
    -
    etc

    Without it my posts are in fact connected to a specified image through a custom field, but they do not display any text or, indeed, slide. I have found this tutorial to be highly useful so far, and if you can help this lost n00b I would be most grateful. Thanks a lot

  • http://www.polygonrevue.com kneff

    div class=imageElement
    etc,

    is what I am referring to

  • Pingback: Can the multimedia box display pages? - Page 2 - DIY Themes Forums

  • http://www.x-or.be/ X-OR

    @Kneff : i’ve looked at your development site, (i saw it on the diy forum) and you’re element are empty. did you put the correct category id here

    it will probably work, cause in your site all elements are empty it means query is not good.

    Mic

  • http://www.polygonrevue.com kneff

    Ah, a fellow Thesis-user! I have tried my best to figure out where to input the right information, but to no avail. Therefore my question is very n00bish, but I don’t know what/where my element is?

    Could you possibly point out what file it is, .php och custom.css or a custom field? I am looking forward to having my slideshow not only displaying a black box :) Thanks for the support

  • http://www.x-or.be/ X-OR

    @Kneff: All your element are generated in the gallery.php page.

    so your query is not good (otherwiste you will have at least the post title displayed)

    look at this line query_posts(‘showposts=5&cat=3′); and replace it by query_posts(‘showposts=5&cat=3′);

    and tell me if it changes something.

  • http://www.polygonrevue.com kneff

    Pardon my ignorance, but is not the replacement line the same as the default? I feel a bit like a blind man trying to climb a tree, but I appreciate the guidance :)

  • http://www.x-or.be/ X-OR

    @Kneff: sorry i mean replace by this query_posts(’showposts=5′);

  • http://www.polygonrevue.com kneff

    It works, time for tweaking! ;)

    Thanks a bunch, this certainly did light up my Friday. Can I also ask how to display my slideshow on every page and every post, if that is possible? Again, thank you very much

  • http://www.polygonrevue.com kneff

    To my great joy, I figured that one out myself, happiness!

    However, I am struggling with changing the font size of the displayed text, i.e. the excerpts from the posts. I have been changing various options in jd.gallery.js but without finding the correct lines of code that controls this. Any suggestions?

  • http://www.x-or.be/ X-OR

    @kneff : it’s great, i’m glad it finally works for you. to change the style of your excerpt look in the file css/jd.gallery.css and change the style in .jdGallery .slideInfoZone p.

  • http://www.polygonrevue.com kneff

    Thx a lot for the support, it has helped a lot

  • JB

    Really want to first say great tutorials! This was easy to follow and slideshow works great. Is there a way to call the posts in a specific order, perhaps by ID?

    In other words if this is the query is there a way to make the slideshow pull posts in the specified cat order?

    Thanks again!!

  • http://www.polygonrevue.com kneff

    Hello again,

    Now that I have got my gallery working properly (many thanks) I want it to only display certain posts (which thus need to be defined by an exclusive category, I reckon?) – but as it is now the slideshow displays all posts regardless of category. I have tried to specify in gallery.php that I want a specific category, like so:

    [ ?php query_posts('showposts=5&cat=X');?> ]

    However, it either ignores this command and continues to show each and every post, or it displays nothing. Again, it feels like there is a very obvious solution to this problem, and hopefully this is not a problem for the knowledge of this forum. A bunch of kudos for this great tutorial!

  • http://www.x-or.be/ X-OR

    @JB: you can specify in your query_post, order and orderby
    like this : <?php query_posts(‘showposts=5&cat=3&orderby=title&order=ASC’);?>

    order : ASC or DESC
    orderby : post_date, title, category, author, name

    i hope it will help you

  • http://www.neowster.com Neowster

    Hi X-OR,

    I followed the tutorial and searched through the comments but still can’t seem to solve my problem.

    Basically what I got from the gallery is just the title,excerpt, and thumbnail. The main image is not displaying. Here’s a screenshot.

    You can visit mysite to look at the structure. I implemented this in the sidebar for your info.

    Additionally, when I tried to implement this in my main loop, I get the same results, plus the rest of my post are not showing up. Think you be kind enough to take a look?

    Hope I’m not asking for too much. : )
    Thanks.

  • http://www.x-or.be/ X-OR

    @Neowster: Hi, i had the same problem (image not showing) for another site, and i finally find what’s the problem. this happens when there is only one element. i think it’s a bug of smoothgallery. try with a second element in your gallery.

    for your second problem i need to have a look at your gallery.php

    Mic

  • http://www.x-or.be/ X-OR

    @Kneff: it’s very strange, can you mail me you gallery.php so i can try to locate the problem

  • http://www.neowster.com Neowster

    X-OR,

    Thanks. You were spot on! Its working now.

    As for the second problem, my gallery.php is what you supplied, just minor edit to the showpost and cat where necessary.

    Once again thanks for your help, not just to me, but to all the timely reply for all questions posted in this article.

    Regards
    Noel

  • http://www.x-or.be/ X-OR

    @Neowster:Thanks, i’m glad helping people to have nice website :)

    i copied your gallery.php in my template in place of mine (modifying only the custom_key name) and it works perfectly. maybe you did not set all the custom key fields for each article.

    look at the custom fields and keep me informed.

    Mic

  • JB

    X-OR,

    Thank you for the follow up. I knew I needed to use order_by somehow and since I was pulling posts from multiple categories the key was to drop showposts as that I guess is redundant?

    So the following seems to work: php query_posts(‘cat=x,x,x,x&orderby=category’);

    Many thanks again!!!

  • http://www.techiesouls.com MOin

    thats pretty useful and nice wordpress tutorial there are only a few tutorials for wordpress (other than css) available from which this is one of the best,

  • Ionut

    Nice tutorial, very useful , I got a problem, maybe someone else got the php code that iPod Dude said, I wanna make this work with another js. Now it doesn’t work if I use prototype.js and I need to use this also. Beside this, it works fine. Thank you for your tutorial.

  • http://www.lucidmotives.com Erik Ford

    I have tried all day long to get this script to work on a client’s website to no avail. All that happens is the gallery.php include loads the 5 most recent post in the div. Can you take a look at what I have done and what I am doing wrong here.

    From what I can tell the script is not loading at all. Maybe there is a conflict with another script that the site is running? Thanks.

  • http://www.lucidmotives.com Erik Ford

    I thought I could embed a link in your comments. The URL is http://www.vidagirl.com. Thanks again. Any help would be greatly appreciated.

  • http://www.x-or.be/ X-OR

    @Erik & Ionut: you can download here a namsespaced version of smoothgallery to avoid incompatibility with other script.

    try with it and tell me if it works

    Mic

  • http://www.lucidmotives.com Erik Ford

    Thanks. The script loads, so there must have been a compatibility issue, but that is all that happens. The excerpt text changes, so I know that the loop is fine. But, there is not title for each post and no image. Sorry to be a pain about this, but your help is definitely appreciated.

    Thanks again.

  • Ionut

    Same here.

  • http://21thoughts.com Roger Coathup

    I’m getting a few problems (assume they are compatibility related)

    Initially, it worked. Then I changed a few images, and the div just filled with the images and text (no smooth gallery effects).

    I tried to download the namespaced version, uploaded the new scripts, and changed the references in the header file to point to the namespaced versions:

    But now, I just get a blank box where the gallery should be (firebug shows me the gallery is there, but display is set to none).

    site is: http://daisygreen.21creatives.com

    Any thoughts?

    Thanks in advance,
    Roger

  • http://21thoughts.com Roger Coathup

    Problem update:

    I created a vanilla wordpress (2.6.1) installation
    Placed the smoothgallery in the index.php file

    If I use no imageElements, I see the javascript gallery, picture tab, and black scrolling bar

    As soon as I add imageElements, the javascript effects go and my div simple fills with the text and pictures from the Elements.

    Site is: http://testarea.21creatives.com

    I’d love to be able to use the gallery, any thoughts would be appreciated.

    Thanks again, Roger

  • Sam Morris

    I have tried it and I have gotten nothing to work. There isn’t even a gallery on my site. It is just empty:

    http://www.juuble.com

    I have sent an email of the code. I don’t know exactly what I am doing wrong. I don’t know which file to change things in step 4, but I changed it in index.php, since I didn’t know which file to replace it. I am using Mimbo.

  • http://www.neowster.com Neowster

    Hi,

    Implemented this successfully, but can anyone enlighten me on how to hide my content during the initial “loading”. Basically during the initial load, you see the “flash” of all the content “overflowing”. I see that the script loaded at this site is facing the same issue. Thanks.

  • Pingback: Customizing your Wordpress Theme – Part 2 | Neowster

  • http://www.i-bukmacher.pl Bukmacher

    i installed it and it works great, this is what i was looking for

  • Pingback: Digital Statement WordPress Theme | Neowster.com

  • Pingback: How to Integrate SmoothGallery into WordPress - Maverick Web Creations

  • http://paragamer.com Tom

    Hi,

    The title and exerpts for my posts that show up on the slideshow are in tiny fonts (paragamer.com), how can i change this?

    Regards,
    Tom

  • http://www.zonapixel.es NaSHoOo

    Hi all,

    first of all, sorry for my english, i dont speak it very well….

    Thank you very much for this tutorial, it’s amazing… but… i have one problem… the code of the gallery.php that you put on the tutorial, has a query_post() function that encounters a problem with my other posts…

    If i put the gallery.php in my theme through the <?php include…., the loop within gallery.php overwrite the loop on my theme, and it doesn’t works properly.

    In WordPress codex, i have found this:

    http://codex.wordpress.org/Template_Tags/query_posts#Important_note

    it’s exactly my problem… the codex says that its better to use the wp_query function… but i dont know if i can use that like query_posts, only on certain categories…

    Please, anyone can help me?? its very important… thanks :)

  • http://www.lyxia.org jbj

    @NaSHoOo: Here’s the syntax for the wp_query object:
    <?php $recent = new WP_Query("offset=1&showposts=5");
    while($recent->have_posts()) : $recent->the_post(); ?>
    //WP loop
    <?php endwhile; ?>

  • http://www.zonapixel.es NaSHoOo

    @jbj: thank you very much for reply, but i’m starting with wordpress themes developing and php… can you modify for me your gallery.php (the gallery.txt code on the tutorial) with this fix and send it to me?

    Sorry for the inconveniences… and again, thanks for the help! :)

  • http://paragamer.com Tom

    Hi,

    I’m helping a friend edit his wordpress theme, look here I’m trying to figure out how to put the slideshow above the first 2 collumns from the left whilst leaving the right sidebar intact.

    When I try to do this the three collumns usually move so they are on top of each other on the left?

    Anyone know what I can do?

    Thanks

  • Pingback: WordPress Theme - Digital Statement | Blog Oh Blog

  • Pingback: Wordpress Blog Services - WordPress Theme - Digital Statement

  • http://www.rmaspero.com rmaspero

    Ohh by the way this does not work if you have the Lightbox wordpress pulgin installed

  • Pingback: Broken Perfection » Blog Archive » Edit’s to the New theme

  • ryan coleman

    is there anyway to eliminate the black box that shows the text? I don’t mind the text showing up but I would love to get rid of the black box entirely. or make it not so high or not so dark?

  • http://www.indianomics.com bablue

    Hi,
    Slide show is not working in single post and page it’s working fine in home page i.e index page .My slide show is in sidebar .For more inforamation you can go through my site www.indianomics.com Please help me out .
    Thankyou

  • Pingback: WPTUT - Wordpress Tutorials

  • http://bustaface.com/test Recent Ramblings

    Hi,

    I am having some problems getting the slideshow to play. I get the image, title, and comments to show but it doesn’t go into the slideshow format. If you can take a look at the website I provided, I would appreciate it. Thanks in advance.

  • http://www.tic.com.au/Default.aspx?tabid=4934 Kevin Young

    WordPress is now a billion dollar industry. I love the flexibility it offers and all the themes and plug-ins make it so attractive. A Stumble for your efforts :)

  • alister

    Hi,

    Is there a reasonably painless way to firstly get the text to act as a link to the post referred to, and secondly to have different text appear as the summary text (below the title)?

    Thanks,

    Alister

  • Pingback: News Theme - Digital Statement (WordPress) - Webmasters' Programming Community

  • http://comoemagrecerrapido.com/calcular-imc/ IMC

    Thanks for this great tutorial! I will try this out on my site, with your instructions it looks easy!

  • Pingback: Wajah Baru Laros.web.id | De LarOs Blogz

  • http://www.delikatesy.sk victor

    to jbj, comment# 69:
    this code helped me a lot, thanks for the refference. One thing though: imagine this situation: on the main index page, you have the gallery running, displaying photos in an usual order. Underneath there is the standard WordPress list of articles, sorted after date. If I click on any of those articles, I get the page with the full article plus comment, but up in the gallery, again the same slideshow, same pictures.
    Now my question: how to make it show separate things on separate pages: on index.php the standard slideshow from all articles and in the article pages only pictures used in the current article? Here is the case I am talking about: http://www.madeinbrain.sk
    thanks for any help

  • http://bridalshoweretc.com Shannon Brown

    Perfect!! I am a amateur photographer and this will be a good addition to my photoblog.

  • http://sponsorboxx.com/blog/ Time I$ Money

    Hello, Thanks for this great tutorial. I have been customizing my blog template for the last couple weeks, working it out a little bit at at time. Now I have ran into a road block.
    I would like to display the featured post gallery in a at the top of my blog and have the rest of my blog post display in the normal blog style but, excluding the “featured post category, But… listing most recent post . Here is an example: www.nicekicks.com

    after i placed the slideshow code “” on my site i get the “Featured Post Slideshow” at the top and all the posts in the same “Featured Category” listed in a normal blog style. Here is my site: www.sponsorboxx.com/blog/

    Here is the code I have on my index page:

    <div class=”post” id=”post-”>
    <a href=”” rel=”bookmark” title=”Permanent Link to “>
    Posted under: |

    Posted by:

  • http://sponsorboxx.com/blog/ Time I$ Money

    Sorry but the Code got cut off here it is:

  • http://www.beyondmediaonline.net George Theofanopoulos

    I can’t get the slideshow to work properly, I have attached an image of the issue. I don’t know how to fix this, any help would be great. Thanks

    [IMG]http://i271.photobucket.com/albums/jj133/gtsportsmedia/slideshowissue.jpg[/IMG]

  • http://www.beyondmediaonline.net George Theofanopoulos

    http://i271.photobucket.com/albums/jj133/gtsportsmedia/slideshowissue.jpg

    sorry didnt link correctly

  • Pingback: Digital Statement Theme » Best Wordpress theme, Premium Wordpress theme, theme preview, plugin, magazine themes

  • http://www.pintophotography.com/wp Pinto

    Hello to all of you,
    i have tried to make this worked in my blog but with no luck at all.
    i have this plug built in a theme that i have download from BLOG OH BLOG that called “digital statement “.
    but when i’, doing every thing that say’s there it’s looking broken.
    here is a sample to what happen to me:
    http://i40.tinypic.com/264gd48.jpg
    [IMG]http://i40.tinypic.com/264gd48.jpg[/IMG]

  • http:///www.burtonkent.com Burton Kent

    Thanks for the great tutorial and code. I can’t find any indication if this will fail nicely with Javascript disabled? I was looking at it, and there’s no display: none; styling so I’m guessing it won’t?

  • Ryan

    Like a previous user I’m having problems with my WordPress loop after incorporating this slideshow. It seems to be calling the same five recent posts on each page. Any suggestions? I tried substituting in the wp_query but it’s not fixing the problem. I’ve managed to tweak this to fit my site and fix an another issue with sifr plugin blocking the post title from displaying. I’d hate to give up now! Thanks.

  • http://www.blooglespot.com Harry

    Hi X-OR
    I have small problem, when i open my site its gives an error
    Line :1425, Char: 5, Error : mismatch – I am using this code in gallery.php
    [ ?php query_posts('showposts=5&cat=X');?> ]

    And also in the initial load of the page all post data is overflowing. It is not looking good.
    If I was not clear in explaining my problem , pls visit my site www.blooglespot.com
    you can find the problem.
    Thanks

  • Roshan

    Never in my f****** life i have seen such a pathetic wordpress plugin. Nowhere its written which versions it can support and X-Or is trying his best to solve problems.
    I have wasted whole day on that and its the worst day and worst worst plugin of my life. I would say try to code yourself and don’t use this plugin at all. JonDesign .. f*** you.

    X-OR you are doing great and thanks for the help.

  • http://www.thai-songs.com/ thai song

    This is a really good tutorial , thanks a lot

  • http://redsoxmaniac.com Samuel Diamond

    I have a Mimbo theme that I recreated to allow automatic images, and it randomizes the feature by the last 5 posts ( so this allows you to have multiple stories, AND you can keep plugging at it without deleting old ones. ).

    I will probably do the same with the Mootools gallery. we’ll see. Good tutorial.

  • http://www.3arn.net/ Abdulrehman

    Dude that’s a neat tutorial, slideshows always look cool. By the way, there is a nice collection of Templates at the bottom of the page!

  • Pingback: Theme X » Blog Archive » Digital Statement

  • Pingback: Digital Statement |

  • http://www.owsg.net/himorocco gp

    i’am having the same problem like comment 75Recent Ramblings, please help me if you can.

  • Pingback: 20个诀窍帮你提升wordpress博客动力 â—‡ Yustar’s Blog

  • Pingback: 20 tips för att förbättra er blogg! | ZtrixQ.se

  • http://www.secondcity.in SecondCity

    I’m totally blank but there is no one to help me so I’m still fighting it out alone to enable my slide show and thumbnail images but have no idea which category id I must put. After adding a new custom field (gallery_image) what should be the value exactly? Should I put a simple url i.e. httP://www.mysite.com.image.jpg or I require something else? Is there any other requirement also? Like putting some code in index.php or gallery.php? Please help

  • Pingback: 20 Trucchi Per Migliorare Wordpress

  • Pingback: News Theme - Digital Statement (WordPress) - webmasterci.com T

  • http://saplab.org Saplab

    Hi,

    Has anyone know how to solve the flashing images problem, on the initial page load? It was reffered by Neowster on Post #65.

    If anyone solves this, please leave a comment here.

    Thanks in advance

    Antonio

  • Pingback: Rádio Livre » Blog Archive » Pátria amada, salve, salve

  • http://www.hongmop.cn hongmop

    It’s so great!

  • http://ciprusi.utazas.hu Tóth András

    Great!

    How is it possible to use the other effects? Because now the default is the fade, but i would like to use a vertical slide.

  • http://library.drury.edu/wordpress Victoria

    I am using the Digital Statement theme; love it by the way. The Featured Post (smooth gallery) aspect is not working.I input 3 different posts and am getting all of them on the page; plus the text over is showing above the image. I’m using WP 2.7.1, PHP5, I changed the code to take only the category =features. Everything else should be in place since the theme comes with this. Any hints out there?? This is a beta site for our library and that feature is just what I’m looking for!

  • http://www.charliepatel.net charliepatel

    @X-OR or Admin – First off, THANK YOU FOR THIS POST. I scoured the entire internet for something like this. On that note, this post (07/08) is outdated and therefore the reason for my issue. The Mimbo 3.0 (free) theme’s greatest advantage is “No more custom fields. Most importantly, custom fields are no longer necessary to call thumbnails. Mimbo 3.0 includes a script that pulls images automatically from the post body, then resizes them with TimThumb.”

    Since I use that, I have been trying to modify this slider and had to update the gallery.php to retrieve the post details (title/excerpt) and the corresponding resized image that timthumb would retrieve from inside the post body OR the custom field “Image.” Timthumb should automatically resize it to fit the gallery. I can see that my version pulls all the post details (title/excerpt), but not the images. See my site. Can you please advise on HOW or WHAT CODE should I plug into gallery.php to have it source the timthumb resized images into the gallery?? Once I can get past this point, I will be able to expedite my design process. Thx.

    Please note because Mimbo is designed so I do not have to use the custom fields, I do NOT set the custom field for any posts. But with the modifications in gallery.php, it should work. As I stated, I have been able to source the

    Charlie

    Here’s my modfiied gallery.php code (please disregard my commented sections):

    function startGallery() { var myGallery = new gallery($(‘myGallery’), {timed: true});} window.addEvent(‘domready’,startGallery); <!– –> <!– –> <!– –> <a href=”” title=”Read more” class=”open”> <img src=”” class=”full” alt=””/> <img src=”” class=”thumbnail” alt=””/>

  • http://www.meditrendz.com Ange

    I have followed all the steps as mentioned but still o get the blank space with something loading for ever.

    Is there a way i can add my image folder so that it automatically takes images from there and the show goes on

    I have however added you in gmail and also mailed you

    Please needed help

    Regards

  • http://xzombi.com zombie

    Thanks for the tutorial.
    It was really helpful. Now I’m not sure if it’s not the right thing for me. :)

  • Pingback: 20 WordPress Tricks to Improve Your Blog | brainstorming magazine | use the brain to get ideas

  • http://www.pagemod.cn page

    great work.

    thanks!

  • melvin

    Hi,

    How do you call and “require” gallery.php? In which theme’s php file should I include this command?

    Thanks.

  • Pingback: 10 Ways to Get That Elusive ‘Magazine’ Look in WordPress | WPShout.com

  • Pingback: Digital Statement | Templates Vault

  • http://blog.karachicorner.com Muhammad Faisal Jawaid Attari

    Very nice.. i just download now.. and i’ll implement this slide show tool in my wp today

  • http://www.donung.net ดูหนังฟรี

    Thank you so much. ^^

  • http://www.binbert.com Albin Sebastian

    Thank you so much,

    I am using this with Digital Statement – WordPress Theme .

  • http://www.hollywoodswagg.com jesseapple

    Hello,

    Firstly this was a great and useful post, I thank you for your efforts! I am in the process of launching my blog/site and would like to feature a slideshow of my most recent photos added and the layout shown seems to be the best fit

    Here is what I am looking for specifically:

    One large photo (dimensions could be foiund out if needed)
    Three smaller photos in a row underneath the larger one

    Ideally i would the slide show to rotate through the larger photo and interchange with the smaller ones, all linking to the same “photo” page section of my blog

    is this plugin right for me? Im sorry if i did not provide enough details, i would be happy to disclose more to get the right answers!

    Thank you!

  • Pingback: links for 2009-10-25 | bloggersUNITED

  • Pingback: Free WordPress Theme – Digital Statement | Wordpress Themes

  • http://mike-morrison.co.uk/wpmu/ Mike M

    Hi, I’ve been getting similar problems to some mentioned above – the content of three posts I’ve set up, with I think the correct fields and php etc, is showing with ONE of the images, but repeating for (I think) forever. No slider, no movement, just several kilometres of the same three posts.

    Does this sound like a familiar problem? The slider examples look lovely, I would really love to use this, but the tutorial can’t dig me out of this it seems.

    Thanks.

  • http://bukmacher1x2.com.pl marco

    Good job, everything work….. Super

  • Pingback: WordPress Theme – Digital Statement « AsterHost

  • http://www.pubquiz-portal.com John

    Hi there

    I tried to follow the instructions but with no uck,, I get the following error message, any deas what I have done wrong.

    Parse error: syntax error, unexpected T_STRING in /home/content/e/x/a/examrevision/html/pubquiz/wp-content/themes/Digital Statement/gallery.php on line 25

    Line 25 says “

    Thanks in advance

  • virg

    Hello! Thanks for the tutorial! I got it to show but for some reason the featured posts don’t change. It just shows the first image and excerpt without a slide or timed effect.

    Would you know a reason for this?

  • virg

    sorry, I got it to work but I have 1 more question.. for the title when I change to a different tag the slideshow doesn’t work. I can’t figure why that happens

  • Pingback: Animierte Featured Posts in WordPress einbauen

  • http://www.BirminghamElectriciansLtd.co.uk Nicholas

    Very well explained, i look forward to implimenting it.

  • http://www.tanyapeila.com Tanya Peila

    Can this be done in BLogger?

  • http://www.youtube.com/watch?v=W7OLifc4sGw Jamie

    @Tanya, I don’t think this can be done on Blogger.

    I have a hard time following the steps, the page appears to be blank. Let me try this again…

  • jennifer

    Hello!

    In your “First Step” of your directions you say:

    “copy the css directory to wp-content/themes/your_theme_name
    copy the scripts directory to wp-content/themes/your_theme_name”

    I have done the following:
    1. downloaded SmoothGallery2.0
    2. unzipped the file
    3. located the css and scripts folders.

    My question is:

    Where is the above-mentioned place {wp-content/themes/your_theme_name”} that you direct users to copy the css & script folders?

    Thank you so much for your response and help!

    -Jennifer