#Image carousel css html how to#
It's hard for me to say how to do this with Joomla, because I do not use it very often, so I would give an example of simple function, always returning 'precooked' PHP array with data.Īfter you got data, generate markup of ul and lis that forms carousel source and insert script with $('#carousel').elastislide() call after it. Retrieve PHP data from Joomla CMS (or MySQL database directly) about which images and links site administrator wish to be loaded into the carousel. To generate such a page with PHP hypertext preprocessor your steps could be like these. images/* - Elastislide supplementary images (contained in its package) Notice that file structure is important - for such HTML you must have: Here is the full working static HTML page with Elastislide carousel to start with I could install extensions that more or less do something similar than this carousel but I don't want to because all that comes down to is clicking buttons without really understanding it. To make matters more complicated (or maybe not), I'm trying to do this in Joomla. Otherwise how will it know in what folder it needs to look ?
I don't think I'm done after that, I will need to add the path somewhere, probably in the javascript as well. Otherwise how is it going to add list items like images and links ? So my guess is the html needs to look like this before I do anything with it :
The HTML obviously looks for all those items.īut it's the javascript that decides what gets shown in the html, based on what's available, right ? I also found those lines in the file but it's being ignored by /* The site gives us the code we need to use : var carousel = $('#carousel').elastislide() The jQuery carousel I would like to use is Elastislide. I would like to understand how this works.
0 kommentar(er)
