Viewing 3 posts - 1 through 3 (of 3 total)
-
Posts
-
Hello,
For a particular gallery I would like to disable the lazyload feature and just have the thumbnails shown right away.
How can this be done?Simply removing “avia_lazyload avia_animate_when_visible” from my code does not work, as it shows the ‘greyed’ out thumbnail:
<div class='avia-gallery avia-gallery-3 avia_lazyload avia_animate_when_visible avia-builder-el-12 el_after_av_textblock avia-builder-el-last ' itemscope="itemscope" itemtype="https://schema.org/ImageObject" ></a> <div class='avia-gallery-thumb'> <a href='http://kriesi.at/themes/enfold/files/2011/12/dash_bb_superbig-1030x579.jpg' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/dash_bb_superbig-710x270.jpg' class='first_thumb lightbox ' data-onclick='1' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/dash_bb_superbig-80x80.jpg' width='80' height='80' title='dash_bb_superbig' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/dash_ball.jpg' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/dash_ball-710x270.jpg' class='lightbox ' data-onclick='2' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/dash_ball-80x80.jpg' width='80' height='80' title='dash_ball' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/dash_shoe.jpg' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/dash_shoe-710x270.jpg' class='lightbox ' data-onclick='3' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/dash_shoe-80x80.jpg' width='80' height='80' title='dash_shoe' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/dash_start.jpg' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/dash_start-710x270.jpg' class='lightbox ' data-onclick='4' title='This was a cool Startbutton for a recent Project' itemprop="contentURL" ><img data-avia-tooltip='This was a cool Startbutton for a recent Project' src='http://kriesi.at/themes/enfold/files/2011/12/dash_start-80x80.jpg' width='80' height='80' title='dash_start' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/dash_tresor.jpg' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/dash_tresor-710x270.jpg' class='lightbox ' data-onclick='5' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/dash_tresor-80x80.jpg' width='80' height='80' title='dash_tresor' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/dash_tresor_concept.jpg' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/dash_tresor_concept-710x270.jpg' class='lightbox ' data-onclick='6' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/dash_tresor_concept-80x80.jpg' width='80' height='80' title='dash_tresor_concept' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/dash_glass.jpg' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/dash_glass-710x270.jpg' class='lightbox ' data-onclick='7' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/dash_glass-80x80.jpg' width='80' height='80' title='dash_glass' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/dash_glass2.jpg' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/dash_glass2-710x270.jpg' class='lightbox ' data-onclick='8' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/dash_glass2-80x80.jpg' width='80' height='80' title='dash_glass2' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/dash_monitor.jpg' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/dash_monitor-710x270.jpg' class='lightbox ' data-onclick='9' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/dash_monitor-80x80.jpg' width='80' height='80' title='dash_monitor' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/dash_wallpaper.jpg' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/dash_wallpaper-710x270.jpg' class='lightbox ' data-onclick='10' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/dash_wallpaper-80x80.jpg' width='80' height='80' title='dash_wallpaper' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-1030x772.png' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-710x270.png' class='lightbox ' data-onclick='11' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-80x80.png' width='80' height='80' title='superbig_dash_shoe' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-1030x772.png' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-710x270.png' class='lightbox ' data-onclick='11' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-80x80.png' width='80' height='80' title='superbig_dash_shoe' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-1030x772.png' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-710x270.png' class='lightbox ' data-onclick='11' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-80x80.png' width='80' height='80' title='superbig_dash_shoe' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-1030x772.png' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-710x270.png' class='lightbox ' data-onclick='11' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-80x80.png' width='80' height='80' title='superbig_dash_shoe' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2012/04/013.jpg' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2012/04/013-710x270.jpg' class='lightbox ' data-onclick='12' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2012/04/013-80x80.jpg' width='80' height='80' title='' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/dash_glass2.jpg' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/dash_glass2-710x270.jpg' class='lightbox ' data-onclick='8' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/dash_glass2-80x80.jpg' width='80' height='80' title='dash_glass2' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/dash_monitor.jpg' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/dash_monitor-710x270.jpg' class='lightbox ' data-onclick='9' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/dash_monitor-80x80.jpg' width='80' height='80' title='dash_monitor' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/dash_wallpaper.jpg' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/dash_wallpaper-710x270.jpg' class='lightbox ' data-onclick='10' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/dash_wallpaper-80x80.jpg' width='80' height='80' title='dash_wallpaper' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-1030x772.png' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-710x270.png' class='lightbox ' data-onclick='11' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-80x80.png' width='80' height='80' title='superbig_dash_shoe' alt='' /></a> <a href='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-1030x772.png' data-rel='gallery-3' data-prev-img='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-710x270.png' class='lightbox ' data-onclick='11' title='' itemprop="contentURL" ><img src='http://kriesi.at/themes/enfold/files/2011/12/superbig_dash_shoe-80x80.png' width='80' height='80' title='superbig_dash_shoe' alt='' /></a> </div> </div>I was hoping that this would be a solution of something I am trying to accomplish.
Creating a row of 20 icons next to one another that would be able to resize with different screen sizes but still stay in one row, however it appears you cannot ‘click’ them / or make them clickable to go to a URL instead of popping up a lightbox. Can this be done?I’m trying to rebuild my icon set (20 icons) below the header – I’m having a hard time as the framework is limited to 12 columns, and cannot figure out a good way to get this done so it says on desktop / ipad in one row / hide on mobile device
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia_transform .avia-gallery-thumb img{ -webkit-animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; -webkit-transform: scale(1); transform: scale(1); }Best regards,
Josue
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.