How do you integrate highslide JS into CMS builder?
3 posts by 3 authors in: Forums > CMS Builder
Last Post: November 10, 2010 (RSS)
By JeffC - November 29, 2008
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
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
Jeff
Re: [Jeffie] How do you integrate highslide JS into CMS builder?
By Dave - December 1, 2008
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:
Let me know if that works for you.
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:
<?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
interactivetools.com
Re: [Dave] How do you integrate highslide JS into CMS builder?
By kitka - November 10, 2010
Did this work?
jim albert