Forums

Home » Alloy UI » English

Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Morad Ahmad
Image Gallery with fixed size
August 31, 2012 2:03 AM
Answer

Morad Ahmad

Rank: Junior Member

Posts: 62

Join Date: June 16, 2010

Recent Posts

I use the Alloy ImageGallery to display a list of images in an Article (Lifery CMS). But some images
are to large. I got no way to force the gallery to scale images to on size (or better max size).

Can you help me please?

This is the vm template for my structure:


<script>
AUI().ready('aui-image-viewer-gallery', function(A) {
var imageGallery1 = new A.ImageGallery({
links: '#gallery1 a',
caption: '',
paginator: {
// maxPageLinks: 5
},
delay: 2000
}).render();
});
</script>

<div class="projectDescr">
<div class="projectText">
$text.getData()
</div>

<div class="projectImages">
<div class="gallery" id="gallery1">
#foreach($bild in $bilder.getSiblings())
<a href="$bild.getData()"> <img class="picture" src="$bild.getData()" style="width: 80px; height: 60px;" /> </a>
#end
</div>
</div>
</div>



Thanks,
Morad.
Lionel Ferrer
RE: Image Gallery with fixed size
September 4, 2012 1:55 PM
Answer

Lionel Ferrer

Rank: Junior Member

Posts: 42

Join Date: August 3, 2012

Recent Posts

can't just apply a little bit of CSS to force the image size?
Morad Ahmad
RE: Image Gallery with fixed size
September 11, 2012 5:40 AM
Answer

Morad Ahmad

Rank: Junior Member

Posts: 62

Join Date: June 16, 2010

Recent Posts

I did that. But I think this will be overwritten by the javascript options. So I expect to be able to use some options of the ImagaGallery. But I couldn't find ths docu to find the options...?

Thanks,
Morad.