Hey guys! I’m new to Hugo and SSG world (was spoiled too much by Wordpress CMS). Never knew static site could run so fast and Hugo is even faster than Jekyll in building page. Totally love it!
Currently I’m playing with Casper two theme, and I wonder if Hugo can insert content slider similar to goodhousekeeping.com posts?
I tried many sliders including slick, royalslider and woothemes flexslider, but none of them working well with “blind” insertion. What I mean with blind is: I followed their guide blindly and insert to Hugo HTML page.
I know hugo is a different platform, but considered I just learned this few days ago, I’m totally confused with how should I make slider to work with hugo.
Is there anyone here with experience in this area and willing to share? I’ll really appreciate your help!
what I’m trying to achieve is a content slider (in desktop view) that will automatically turn into a “list post” in mobile viewport.
This is the common slider, but it will turn immediately into a list in mobile view:
If you search the forums folks have commented on slider components they’ve used.
Dear Maiki, Thank you so much for helping! Yes I should build my own HTML CSS and JS. I could do it in plain HTML page, but strangely it’s not working with Hugo MD posts.
I have searched many solutions offered in the forum but none work well (or not what I want). I even tried to used the free js carousel/slider script from cssscript.com, and all result inside a single post view is broken.
I recreate them using very basic HTML + CSS + JS and it’s working. Perhaps I still haven’t tap into the Hugo environment yet. It would be great if someone can point me to a link or resource for this specific matter. I can try to learn it and craft the code myself.
I tried to read the documentation and seriously honest it’s pretty confusing
The result is a page with vertical images aligning together. I’ve tried with other slider scripts, some did give a different result (working but have strange location/placement). None of them give the same result shown in their examples or demos.
Perhaps I’m missing something very important here. But sadly I don’t know what it is.