pconkie Posted September 19, 2018 Share 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 Link to comment Share on other sites More sharing options...
pconkie Posted September 19, 2018 Author Share Posted September 19, 2018 Same images being tested on different screen sizes... 2018-09-19 22-15-46.mp4 1 Link to comment Share on other sites More sharing options...
gbligh Posted September 19, 2018 Share Posted September 19, 2018 Another genius one Paul! @Graham Quince - can we have it if Paul is willing to share? Link to comment Share on other sites More sharing options...
Graham Quince Posted September 20, 2018 Share Posted September 20, 2018 Wow Link to comment Share on other sites More sharing options...
ADT Posted September 20, 2018 Share Posted September 20, 2018 Where does this bloke find time to sleep???????? Another Conkie special!! O and if we are sharing...... Link to comment Share on other sites More sharing options...
pconkie Posted September 22, 2018 Author Share 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 Link to comment Share on other sites More sharing options...
Graham Quince Posted September 24, 2018 Share Posted September 24, 2018 Grabbed and submitted for code approval. I can't imagine there'll be any problems though. Link to comment Share on other sites More sharing options...
Graham Quince Posted September 26, 2018 Share Posted September 26, 2018 This is now live on the community: https://www.frogeducation.com/community/frogcode/frogcode-showcase/imageslider 2 Link to comment Share on other sites More sharing options...
johnmorris01 Posted October 1, 2018 Share 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! Link to comment Share on other sites More sharing options...
pconkie Posted October 2, 2018 Author Share 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. Link to comment Share on other sites More sharing options...
johnmorris01 Posted October 2, 2018 Share 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. Link to comment Share on other sites More sharing options...
pconkie Posted October 2, 2018 Author Share 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! Link to comment Share on other sites More sharing options...
nward Posted December 5, 2018 Share Posted December 5, 2018 This looks great, thanks so much, staff will love it 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now