caseybrooke Posted November 1, 2019 Share Posted November 1, 2019 Hi all, Site URL: https://www.brookebuilt.com/ The home page contains a gallery. 2 images have description. On select images, there is a info icon at top right corner. When clicked, the image shrinks and description slides out. Now I want to have the description showing up WITHOUT clicking the info icon. I don't find any settings regarding the info icon behaviour. I also tried to inject jQuery to simulate the click, but the debug console gave me this error: Quote $ is not defined Thanks for your help in advance. Link to comment
tuanphan Posted November 1, 2019 Share Posted November 1, 2019 Have you declared the jquery library yet? <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
caseybrooke Posted November 1, 2019 Author Share Posted November 1, 2019 I have included your line in the Page Header Code Injection area. I thought the following will do the trick, but it does not. Quote $("a.icon-info").click(); What am I missing? Link to comment
MagneM Posted November 1, 2019 Share Posted November 1, 2019 Hi @caseybrooke In Design > Site Styles > Gallery Styles > Gallery Initial View - select 'Infoview'. Magne Link to comment
caseybrooke Posted November 1, 2019 Author Share Posted November 1, 2019 Thanks MagneM. Exactly what I am trying to do. 😉 Link to comment
caseybrooke Posted November 2, 2019 Author Share Posted November 2, 2019 As a follow up, how do I make the description to show up on mobile view by default, like the desktop initial view? Link to comment
MagneM Posted November 3, 2019 Share Posted November 3, 2019 Hi @caseybrooke Sorry for the late reply. I don't have a solution to the mobile issue (perhaps others who read this can help?) If you can't figure it out you may consider change color/increase the size of the 'i'-button to make it more visible: .ctrl-button.info { top: 5% !important; right: 1% !important; } .icon-info:before { color: orange !important; font-size: 40px !important; } An observation: Because of the 'locked' adressbar your slideshow appears extremely narrow in landscape mode. To enable full screen (at least in Chrome): #fullscreenBrowser { height: 100vh !important; } .slideshow { height: 100% !important; margin-top: 0 !important; } I hope this was helpful. Magne Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.