pconkie 613 Posted September 19, 2018 I know there is a widget for that, but not as easy as this.... Fully responsive upload images direct inside the widget Re-order images with drag and drop Preferences to control speed and transition Experimental option to force the carousel to ignore the theme and take up the full width of the page (works with some but not all themes) 2018-09-19 22-23-52.mp4 3 Quote Share this post Link to post Share on other sites
pconkie 613 Posted September 19, 2018 Same images being tested on different screen sizes... 2018-09-19 22-15-46.mp4 1 Quote Share this post Link to post Share on other sites
gbligh 249 Posted September 19, 2018 Another genius one Paul! @Graham Quince - can we have it if Paul is willing to share? Quote Share this post Link to post Share on other sites
Graham Quince 578 Posted September 20, 2018 Wow Quote Share this post Link to post Share on other sites
ADT 1,219 Posted September 20, 2018 Where does this bloke find time to sleep???????? Another Conkie special!! O and if we are sharing...... Quote Share this post Link to post Share on other sites
pconkie 613 Posted September 22, 2018 @Graham Quince It's called Image Slider on my frog platform. I've tested it a lot, so should be stable for sharing. Some low end (mobile) devices don't cope with the animation very well, hence the default value of the animation preference is "off for mobile". Thanks Paul Quote Share this post Link to post Share on other sites
Graham Quince 578 Posted September 24, 2018 Grabbed and submitted for code approval. I can't imagine there'll be any problems though. Quote Share this post Link to post Share on other sites
Graham Quince 578 Posted September 26, 2018 This is now live on the community: https://www.frogeducation.com/community/frogcode/frogcode-showcase/imageslider 2 Quote Share this post Link to post Share on other sites
johnmorris01 20 Posted October 1, 2018 Is it tweakable to resize the images when viewing in portrait on mobile? It fits fine when I view in landscape on a phone but the images are just cropped off on either side in portrait. Also, if you could in theory make certain slides clickable, then that would be even better! Quote Share this post Link to post Share on other sites
pconkie 613 Posted October 2, 2018 Hi John The cropping is by design actually. The slide show was far too small in portrait on mobile, so I needed to set a minimum height. Once a minimum height is set you have two options: let the browser change the aspect ratio of the images (no thanks!) or crop the edges. You could add some css to the page to alter the min height which would result in less/no cropping. Re clickable - good idea. Internal frog links are a bit tricky though. Quote Share this post Link to post Share on other sites
johnmorris01 20 Posted October 2, 2018 The height issue is definitely an issue for mobiles and sliders for sure! I was even toying with mobile detection code to serve up a different slider with different formatted pics to make it look nicer but I couldn't find a perfect solution. External links would be fine - we hardly ever use internal links on website sliders. More relevant for us to send people to documents hosted on Google, external websites and other links outside of Frog. Quote Share this post Link to post Share on other sites
pconkie 613 Posted October 2, 2018 Add this to a html widget above the slider <style> [data-name="Widget.ImageSlider"].widget-content .slider-container .wrap-slider .slide img { min-height: 0px !important; } </style> Nothing will be cropped but the image might get very very small! Quote Share this post Link to post Share on other sites
nward 7 Posted December 5, 2018 This looks great, thanks so much, staff will love it 1 Quote Share this post Link to post Share on other sites
