Stack Overflow
Stack Overflow

Questions tagged [galleria]

Galleria is an open source (MIT) image gallery framework written in JavaScript. The aim is to simplify the process of creating professional image galleries for the web and mobile devices.

Code architecture and theming

The Galleria code base consists of one core that exposes a collection of tools, available for a wide range of customizable themes to make the gallery look and behave differently for each use case. The code base and one theme, Classic, is included in the free MIT licensed package available for download. Additional commercial themes are available for purchase.

Customizing Galleria

Customizing Galleria can be done on multiple levels. You can use the many generic options to make configurations like transitions and cropping methods to any gallery theme. Galleria also exposes methods for accessing the instance and all prototype methods for more advanced customizations and theme creation.

Posting issues and collaboration

Bug reports can be posted at Github, where the code repository is based. You may also contribute by forking the code and make pull requests.

315 questions
0
votes
0 answers

imageRotateAndResize with Galleria in Primefaces

I'm use galleria with StreamedContent to show images from c://. The galleria show the images correctly, but when I use the buttons to scale the image with pe:imageRotateAndResize, it only affects the first image, and when I change the image and use…
Fernando Bello
  • 1
0
votes
1 answer

Galleria Dynamic Images issue

I am trying to get Galleria to display a set of dynamic images - by dynamic I mean the images are created at runtime by a PHP script. The PHP script in question actually takes two images (one photograph and the other I want to use as the watermark…
Simon S
  • 217
  • 6
  • 17
0
votes
2 answers

missing : after property id

Why does the following code cause Firebug to report an error on the line $('#galleria').galleria({ ? $('#galleria').galleria({ dataSource: data, width:930, height:575, transition:…
nasia
  • 1
0
votes
1 answer

Running Galleria jquery plugin on cakephp

I tried "Galleria" as a standalone application and it works perfectly fine .. however in order to make it work with Cakephp what are the changes that i need to make ? I have tried changing the path of js and css files to absolute path .. it didnt…
Abhishek Jain
  • 971
  • 3
  • 13
  • 18
0
votes
1 answer

Galleria module - style top:

I'm trying to optimize my Galleria module for Drupal 7. Everything goes OK except one thing. tag has directly added style - top: 50px. I think its added with JavaScript but I can't find it! I've tried to override this style with CSS inside…
smogg
  • 1,494
  • 3
  • 19
  • 27
0
votes
1 answer

Galleria dom manipulation in React

I am trying to implement the image gallery using Galleria plugin in Reactjs, write now I have used the npm package Galleria, jQuery to use inside the components and i am passing the reference of the root node to Galleria run function. But still, I…
GopiinSO
  • 11
  • 2
0
votes
2 answers

Adding on click event to Galleria link using JSON

I have set up my first Galleria gallery using JSON. Would it be possible to add another function to the on click event for each of the four links I have for my four images? Is there a way to add another variable to the JSON data or assign a class…
Helena85
  • 1
  • 1
0
votes
1 answer

Request server side JSON data and pass into Galleria 1.5.7 framework

How to pass JSON object asynchronously retrieved from server using $getJSON callback ( or some other recommended method ) and pass this into the Galleria 1.5.7 dataSource variable as a custom JSON data array ? Online docs shows how to feed a…
Saturnia Tellus
  • 3
  • 4
0
votes
1 answer

galleria jquery plugin slow with lots of images

Has anyone extended the galleria plugin to handle lots of images (over 200)? The large number of thumbnails makes the initial load take a really long time.
Ryan
  • 73
  • 7
0
votes
1 answer

Flickr API PHP getPhotoSets Description

I'm trying to integrate the Flickr API with Jquery Gallerific. If you're familiar with Gallerific you know photos in the Gallery can have a caption. I'm trying to pull photos from a specific set from a user using flickr.photosets.getPhotos to get…
Dan
  • 3
  • 1
0
votes
3 answers

'Galleria' In WordPress- $ is not a function

Trying to get Galleria script working in WordPress? I am have enqueued the script with this code, and it appears to be loading ok: function add_scripts(){ // Load…
vulgarbulgar
  • 845
  • 1
  • 13
  • 28
0
votes
1 answer

Multi galleries per page - almost working

This might help someone but its not 100% working. I've tried to stop the theme not found error with IE by putting the them in the head etc but it still doesn't really help. Although this all works clicking on the buttons to switch vars/galleries now…
MarkBeharrell
  • 87
  • 10
0
votes
2 answers

how to add text on Galleria fullscreen slides?

I'm using Galleria fullscreen slide show http://galleria.aino.se/themes/fullscreen/ and I'm trying to add text and hypertext in the middle of couple of slides. This is my html code: welcome to my…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/json" class="post-tag grid--cell" title="show questions tagged 'json'" rel="tag">json</a> <a href="../../questions/tagged/slideshow" class="post-tag grid--cell" title="show questions tagged 'slideshow'" rel="tag">slideshow</a> <a href="../../questions/tagged/galleria" class="post-tag grid--cell" title="show questions tagged 'galleria'" rel="tag">galleria</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Mar 20 '11 at 14:57">asked Mar 20 '11 at 14:57</time> <a href="../../users/668241/user668241" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/668241.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="user668241" /> </a> <div class="s-user-card--info"> <a href="../../users/668241/user668241" class="s-user-card--link">user668241</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1</li> <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li> <li class="s-award-bling s-award-bling__bronze" title="1 bronze badges">1</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-51075975"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/51075975/galleria-video-not-showing-video-icon-in-mobile" class="question-hyperlink">Galleria video not showing video icon in mobile</a></h3> <div class="excerpt">In my drupal commerce website we are using Galleria for product slideshow. According to recent requirement we needed a (youtube) video to be added as the second item in the slideshow. I achieved that by using splice function as mentioned…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/drupal" class="post-tag grid--cell" title="show questions tagged 'drupal'" rel="tag">drupal</a> <a href="../../questions/tagged/responsive" class="post-tag grid--cell" title="show questions tagged 'responsive'" rel="tag">responsive</a> <a href="../../questions/tagged/galleria" class="post-tag grid--cell" title="show questions tagged 'galleria'" rel="tag">galleria</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jun 28 '18 at 06:23">asked Jun 28 '18 at 06:23</time> <a href="../../users/1633812/sandesh-yadav" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1633812.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Sandesh Yadav" /> </a> <div class="s-user-card--info"> <a href="../../users/1633812/sandesh-yadav" class="s-user-card--link">Sandesh Yadav</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">489</li> <li class="s-award-bling s-award-bling__silver" title="5 silver badges">5</li> <li class="s-award-bling s-award-bling__bronze" title="20 bronze badges">20</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-5071822"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/5071822/galleria-not-loading-on-initial-page-visit" class="question-hyperlink">Galleria not loading on initial page visit</a></h3> <div class="excerpt">I'm using the Galleria plug-in for a website I'm setting up, and it was working flawlessly until I tested it on someone else's computer. On a visitors initial visit to the site, the slideshow will not load at all, but after reloading the page it…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/galleria" class="post-tag grid--cell" title="show questions tagged 'galleria'" rel="tag">galleria</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Feb 21 '11 at 22:09">asked Feb 21 '11 at 22:09</time> <a href="../../users/615836/seal" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/615836.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Seal" /> </a> <div class="s-user-card--info"> <a href="../../users/615836/seal" class="s-user-card--link">Seal</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">3</li> <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li> <li class="s-award-bling s-award-bling__bronze" title="2 bronze badges">2</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="s-pagination pager fr"> <a class="s-pagination--item" href="../../questions/tagged/galleria_page=12" rel="prev" title="Go to page 12">Prev </a> <a class="s-pagination--item" href="../../questions/tagged/galleria_page=1" rel="" title="Go to page 1">1</a> <a class="s-pagination--item" href="../../questions/tagged/galleria_page=2" rel="" title="Go to page 2">2</a> <a class="s-pagination--item" href="../../questions/tagged/galleria_page=3" rel="" title="Go to page 3">3</a> <div class="s-pagination--item s-pagination--item__clear">…</div> <a class="s-pagination--item" href="../../questions/tagged/galleria_page=20" rel="" title="Go to page 20">20</a> <a class="s-pagination--item" href="../../questions/tagged/galleria_page=21" rel="" title="Go to page 21">21</a> <a class="s-pagination--item" href="../../questions/tagged/galleria_page=14" rel="next" title="Go to page 14"> Next</a> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>