Image display solution

9 posts by 3 authors in: Forums > CMS Builder
Last Post: April 2, 2010   (RSS)

By KCMedia - March 25, 2010

Hi

I have this new website that i am working on for a client and they want to have this kind of solution for their site where they can upload images to the site and they will show up in a slide show of sorts.

If you look at this link http://trivett.com.au/ and there is an image that has a left and right arrow on it so they can scroll through the images themselfs or it will run itselfs if you like then be able to click on the link and it will take them to a page with with the full details.

So i need to know how this can be done please.
Thanks



Craig

KC Media Solutions

www.kcmedia.biz

Re: [kcmedia] Image display solution

By Toledoh - March 25, 2010

Hey there.

I find the best way to do this kind of thing is to play around with jQuery sliders... There's heaps of options, and I personally would rather this than a flash/xml option.

Check out: http://www.ajaxline.com/10-best-jquery-sliders
Cheers,

Tim (toledoh.com.au)

Re: [kcmedia] Image display solution

By Donna - March 26, 2010

Hi kcmedia!

We've got a tutorial for how to integrate CMS Builder into a nifty xml/flash based product called SlideShowPro:

http://www.interactivetools.com/docs/cmsbuilder/slideshowpro.html

But generally what we recommend is to get the page setup the way you want without CMS Builder, and then we can help you get CMS Builder to control it for you. :)
Donna

--
support@interactivetools.com

Re: [Donna] Image display solution

By KCMedia - March 31, 2010

Hi Donna

I tihnk the first option might be better but i having a couple of problems.

I have designed an image with a boarder around it and the centre is cut out so the image has a transparent in the centre of it.

So what i want to do is lay one DIV over the top of another DIV so that when the pictures are playing they are under the top DIV and they will all have nice boarders around them and the client dosnt have to do anything with photoshop.

hope this make sence.

here is the link to the design http://202.125.40.77/~actionmc/index.php

you will see the box below the image this should sit above the images and show through.

Craig
Thanks



Craig

KC Media Solutions

www.kcmedia.biz

Re: [kcmedia] Image display solution

By Donna - March 31, 2010

Hi Craig,

I looked at your site in a few different browsers, but it doesn't look like it lines up in any of them yet?

We can definitely help you get that integrated into CMS Builder, but you'll want to get the design working the way you wanted to beforehand. As it is, the code you've got for the images looks pretty simple. You've got:

<li><a href="#"><img src="images/01.jpg" alt="" border="0" /></a></li>
<li><a href="#"><img src="images/02.jpg" alt="" border="0" /></a></li>
<li><a href="#"><img src="images/03.jpg" alt="" border="0" /></a></li>
<li><a href="#"><img src="images/04.jpg" alt="" border="0" /></a></li>

To do this with cmsBuilder on a detail page of a section called "index", you'd have something like this:

<?php foreach ($indexRecord['gallery'] as $upload): ?>
<?php if ($upload['hasThumbnail']): ?>
<li><a href="#"><img src="<?php echo $upload['thumbUrlPath'] ?>" border="0" alt="" /></a></li>
<?php endif ?>
<?php endforeach ?>

Does that make sense? Let me know if you're still having trouble getting your layout integrated into CMS Builder. :)
Donna

--
support@interactivetools.com

Re: [kcmedia] Image display solution

By Donna - April 2, 2010

Hi there,

Do you have a working example of it *without* CMS Builder? The link you sent doesn't do what you're describing. Before I can help you integrate it into CMS Builder, you need to have a working example of what you want without it first.
Donna

--
support@interactivetools.com

Re: [Donna] Image display solution

By KCMedia - April 2, 2010

Hi Donna

No i cant getting it working at all even without CMS i can never get them to lay on top of each other.
Thanks



Craig

KC Media Solutions

www.kcmedia.biz

Re: [kcmedia] Image display solution

By Donna - April 2, 2010

Hi there,

That goes a little beyond what we can help with, as we're not designers. But once you've got that looking the way you want it to, post back with a link to the completed template and we can help you integrate the working layout into CMS Builder. :)
Donna

--
support@interactivetools.com