Can you display divs instead of images in Galleria?

Question

I have simple gallery that I show like so

<a href="img/graph_asset_view/center_image_1.jpg">
    <img src="img/graph_asset_view/center_image_1.jpg" />
</a>

Is it possible to show div instead of image on center? I tried to do something like this but it didn't work. It showed the image like even I didn't change anything.

<div style="width: 300px; height: 300px; background: blue;">
    <img src="img/graph_asset_view/center_image_1.jpg" />
</a>

I dont' understand do you want to hide the image ? Because if it's inside the div it will be displayed in it. — Arno 2501, Oct 15 '13 at 14:47

score 0 · Answer 1 · answered Oct 15 '13 at 14:47

0

Please try below code :-

 <div  style="width: 300px; height: 300px; background:
 blue;cursor:pointer;"   
 onclick="document.location='img/graph_asset_view/center_image_1.jpg'">
       <img src="img/graph_asset_view/center_image_1.jpg" />

 </div>

answered Oct 15 '13 at 14:47

kaushik0033

679
6
12

score 0 · Answer 2 · answered Oct 15 '13 at 14:55

I assume you are asking to do the following, placing a inside of the anchor link instead of the images. Correct? If so, just do the following:

  <a style="display:block" href="http://justinbieber.com">
     <div class="xyz" style="min-height:500px;min-width:300px;">My div content here!
     </div>
    </a>

score 0 · Answer 3 · answered Oct 31 '13 at 00:03

0

Use the "layer" property of the image json to display the div. You can set the width and height of the layer the same as the image. So only the overlay will be seen. And it is swipeable! See here for detail: http://galleria.io/docs/references/data/

answered Oct 31 '13 at 00:03

xxinerKYU

1,005
8
11

Can you display divs instead of images in Galleria?

3 Answers3