replace the above lines with the below:
\n<script src=\"{{ '/assets/js/slider/ideal-image-slider.min.js' | relative_url | bust_file_cache }}\"></script>\n<script src=\"{{ '/assets/js/slider/iis-bullet-nav.js' | relative_url | bust_file_cache }}\"></script>\n<script src=\"{{ '/assets/js/slider/iis-captions.js' | relative_url | bust_file_cache }}\"></script>\nbasically replacing \" with ' solved my error, and slider worked fine. and replace all other above script lines with new script lines in other files as well.
\nlet me know if anyone is facing the problem even if this doesn't solve for you.
","upvoteCount":2,"url":"https://github.com/alshedivat/al-folio/discussions/1815#discussioncomment-7357589"}}}
-
|
I am using this template to make a website for our lab. I want to add an Image Slider in the About page just below the description. What process or required steps should I follow to add js enabled image slider? Can you tell me what changes should I do in which particular files to reflect the slider on the About page? |
Beta Was this translation helpful? Give feedback.
Replies: 4 comments 11 replies
-
|
Have you followed the steps in their repo README? PS: it might simply not work, since the repo hasn't been updated in years. Also it has this information in the repo:
If you want to try it, probably the files that you'll need to modify in our code are |
Beta Was this translation helpful? Give feedback.
-
|
I have read and tried all the steps from repository but still I got no output. Are there any other way to work around this archived repository? |
Beta Was this translation helpful? Give feedback.
-
|
I am also trying to do the same, but I am not able to arrive at the solution. can anyone kindly help me on this thing? |
Beta Was this translation helpful? Give feedback.
-
|
this is resolved, thanks all. |
Beta Was this translation helpful? Give feedback.
-
|
Can you share your solution, so others may benefit from it? |
Beta Was this translation helpful? Give feedback.
-
|
sure, i'll get back in 3-4 days and post the workaround. |
Beta Was this translation helpful? Give feedback.
-
|
as @george-gca said, i tried to follow Readme: https://github.com/jekylltools/jekyll-ideal-image-slider-include but it would be better if we follow gh_pages branch and try to replicate what they have done for slider: https://github.com/jekylltools/jekyll-ideal-image-slider-include/tree/gh-pages even after you follow all the steps, you might get a javascript error, that is due to slider_scripts.html file here _includes/slider_scripts.html line 12-14: replace the above lines with the below: basically replacing " with ' solved my error, and slider worked fine. and replace all other above script lines with new script lines in other files as well. let me know if anyone is facing the problem even if this doesn't solve for you. |
Beta Was this translation helpful? Give feedback.
-
|
It works well. Thanks! |
Beta Was this translation helpful? Give feedback.
-
|
Is there any way to add an image slider to the profile image in the About page? |
Beta Was this translation helpful? Give feedback.
-
|
I think this is mainly for pictures in blog posts, not sure whether it works for profile images in the About page in a similar way. |
Beta Was this translation helpful? Give feedback.
-
|
It should work. The Line 2 in ac99061 which uses the al-folio/_layouts/about.liquid Line 2 in ac99061 which includes all javascript code for the libraries al-folio/_layouts/default.liquid Line 54 in ac99061 |
Beta Was this translation helpful? Give feedback.
-
|
Thanks, will try that. However, one concern I have is that the about page's profile image is defined inside the frontmatter, whereas in the blog post, advanced image features work after the front matter is properly set. |
Beta Was this translation helpful? Give feedback.
-
|
For your case you'll have to edit your images:
slider: true |
Beta Was this translation helpful? Give feedback.
-
|
That makes sense, thanks. |
Beta Was this translation helpful? Give feedback.
as @george-gca said, i tried to follow Readme: https://github.com/jekylltools/jekyll-ideal-image-slider-include
but it would be better if we follow gh_pages branch and try to replicate what they have done for slider: https://github.com/jekylltools/jekyll-ideal-image-slider-include/tree/gh-pages
even after you follow all the steps, you might get a javascript error, that is due to slider_scripts.html file here _includes/slider_scripts.html
line 12-14: