Можете ли вы отображать divs вместо изображений в Galleria?

Question

У меня есть простая галерея, что я показываю, как так

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

Можно показать div вместо изображение на центре? Я попытался сделать что-то подобное, но это не сработало. Он показал изображение, как будто я ничего не изменил.

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

Answer 1

Пожалуйста, попробуйте ниже код: -

<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> 

Answer 2

Я предполагаю, что вы просите сделать следующее, помещая внутри ссылки якорь вместо изображения. Верный? Если это так, просто выполните следующие действия:

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

Answer 3

Используйте свойство «layer» изображения json для отображения div. Вы можете установить ширину и высоту слоя так же, как и изображение. Таким образом, будет отображаться только оверлей. И это проворно! См. Здесь для подробностей: http://galleria.io/docs/references/data/