use slider script on uploaded images inside page content – separate from slider itself

  • danbailan



    Immensely enjoying the ride of graphene and inching along as a newbie.

    I am already using the slider on a static homepage (full width, very happy). I am creating pages with text and images and would love to have the images inside the page content also slide rather than a have a row of thumbnails. I am guessing that there is a plug-in that can do this for me (bit like an image rotator) but was was wondering if it was actually possible to use the slider script I already have as part of the theme. I have seen that there is an action hook for graphene_scrollable_script?

    I am using a child theme with style.css and functions.php (thanks to the forum, Josh’s tutorial, Prasanna’s site and the moderators). Whilst we are on the thanks, wow is all I continue to say to the developer, Khairul.

    As said, am a newbie so do not assume any knowledge!

    Thanking you in advance.



    Kenneth John Odle


    If you have some coding experience, and the images are not in the same folder as your blog, you might want to try Matt’s script. I’ve used it before and it is easy. The best part is that you can add a line of html that calls the script, just like a standard <img src=""> link.

    On the other hand, if you are using images you’ve uploaded to your blog, and you don’t want to mess about with code, you can always try this image rotator plugin:

    I don’t have any experience with it, but it sounds like what you are looking for.


    Kenneth John Odle


    And then there’s this one:

    which is built on jQuery. I’ve wanted to play around with it for a while, but just haven’t had the time. But it looks cool.



    Hi Kenneth,

    Many thanks for your replies – I have settled on using nextgen gallery with the jw image rotator but am going to see if I can play with this image code as well as a possible alternative – all part of the learning curve so great that you have pointed me in this direction.

    On the jw image rotator, i have got it working nicely but want to style it and using my css have put a border round it – the problem is that the image does not sit flush/aligned within the border. So chasing through different forums and search engines, I managed to find an idea with css positioning; absolute. It sits perfectly aligned in the border now but the background, ie the page in which the image rotator sits, only loads about a quarter way behind it. (I am inserting the slideshow using nextgen gallery shortcode in the html of the page itself). I see z-index mentioned to use in conjunction with the absolute positioning but am at a loss as to where to apply it and at what value and even if this is indeed the right solution. Any pointers would be greatly appreciated.

    Thanking you once again for your help.


Viewing 4 posts - 1 through 4 (of 4 total)

  • You must be logged in to reply to this topic.