simple image gallery

5 posts by 2 authors in: Forums > CMS Builder
Last Post: November 15, 2010   (RSS)

Re: [ht1080z] simple image gallery

By Chris - November 15, 2010

Hi ht1080z,

By Viewing Source on the example URL you linked, you can see they're using [url http://galleria.aino.se/]Galleria[/url]. Here's a simple example of how to get Galleria working with CMS Builder:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="galleria/src/galleria.js"></script>
<script>Galleria.loadTheme('galleria/src/themes/classic/galleria.classic.js');</script>
<script>
$(document).ready(function(){
$('.images').galleria();
});
</script>
</head>
<body>

<div class="images" style="width: 800px; height: 600px;">
<?php foreach ($displayGallery['images'] as $upload): ?>
<a href="<?php echo $upload['urlPath'] ?>">
<img src="<?php echo $upload['thumbUrlPath'] ?>" width="<?php echo $upload['thumbWidth'] ?>" height="<?php echo $upload['thumbHeight'] ?>">
</a>
<?php endforeach ?>
</div>

</body>
</html>


Note that you'll need to download the Galleria files so they're accessible.

I hope this helps! Please let me know if you have any questions.
All the best,
Chris

Re: [chris] simple image gallery

Chris,

Thank you for your quick reply.
The slideshow working perfectly with the Galleria.js just like you explained.
Here is: http://intersalas.gr/demo_gallery_2.php

But i need something really really simple, without effect or transitions.
One preview on the top and below the thumbnails in 2 rows (autogenerated with CMSB after uploaded by the user). When clicking on any thumb the top preview image just change the large image on the top to the selected.

This can be done without any additional javascript?

Thank you in advance,

Re: [ht1080z] simple image gallery

By Chris - November 15, 2010

Hi ht1080z,

You'll have to fiddle with Galleria to get it to work the way you want. You can examine the source code of the URL you provided to see how they got it working the way they did, and/or read through Galleria's documentation.

Alternately, you can hire our consulting department to customize something for you. Please let me know if you'd like more information on that.
All the best,
Chris

Re: [chris] simple image gallery

Chris,

Ill try customize the Galleria javascript for my needs.

Thank you for your support.