Interactivetools.com Forum: Products: CMS Builder: How do you integrate highslide JS into CMS builder?

Home: Products: CMS Builder:
How do you integrate highslide JS into CMS builder?

Jeffie
User

Nov 29, 2008, 11:41 AM

Post #1 of 2 (257 views)
Shortcut

How do you integrate highslide JS into CMS builder?	Can't Post

Hi

I have successfully integrated Highslide JS (www.highslide.com) into other, non cms, websites of mine but am struggling to integrate it into CMS Builder. Can anyone help?

Below is the code for a standard highslide picture:

<a href="images/full-image.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="images/thumbnail.jpg" alt="Highslide JS"
title="Click to enlarge" height="120" width="107" /></a>

How does the above code fit in to the code generated by CMS Builder to place an image. My CMS code is below:

<?php foreach ($record['image'] as $upload): ?>
<?php if ($upload['hasThumbnail']): ?>
<img src="<?php echo $upload['thumbUrlPath'] ?>" width="<?php echo $upload['thumbWidth'] ?>" height="<?php echo $upload['thumbHeight'] ?>" alt="" /><br/>

<?php elseif ($upload['isImage']): ?>
<img src="<?php echo $upload['urlPath'] ?>" width="<?php echo $upload['width'] ?>" height="<?php echo $upload['height'] ?>" alt="" /><br/>

<?php else: ?>
<a href="<?php echo $upload['urlPath'] ?>">Download <?php echo $upload['filename'] ?></a><br/>

<?php endif ?>
<?php endforeach ?>

I've been trying to figure this out for hours so any help would be greatly appreciated.

Jeff

Dave
Staff / Moderator

Dec 1, 2008, 5:25 PM

Post #2 of 2 (236 views)
Shortcut

Re: [Jeffie] How do you integrate highslide JS into CMS builder? [In reply to]	Can't Post

Hi Jeff,

The easiest way to do this is to get two pages side by side. One that is plain html with working highslide JS code, and one generated by CMS Builder, then flip back and forth and make the CMS Builder one like the html one.

If my suggestion doesn't work and you're able to post the urls to those two pages that would help.

Try this:

Code

<?php foreach ($record['image'] as $upload): ?>  
  <a href="<?php echo $upload['urlPath'] ?>" class="highslide" onclick="return hs.expand(this)"> 
  <img src="<?php echo $upload['thumbUrlPath'] ?>" 
     width="<?php echo $upload['thumbWidth'] ?>" height="<?php echo $upload['thumbHeight'] ?>" 
     alt="Highslide JS" title="Click to enlarge" /></a> 
<?php endforeach ?>

Let me know if that works for you.

Dave Edis - Senior Developer
interactivetools.com

Search for (options)