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: [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: [Donna] Image display solution

By KCMedia - April 2, 2010

Hi Donna

I have tried that but still no good.

I really need to be able to do this. But if oyu have some better idea then that would be great

I need the client to be able to upload images and have txt overlayed on the images and also a round out line just like the sample box i have on the pages now.

can you help?
Thanks



Craig

KC Media Solutions

www.kcmedia.biz

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