Adding a Slideshow to a Mobile Site

While MoFuse doesn't currently offer an image slideshow site element, it's never-the-less possible to create a slideshow using a bit of Javascript, some CSS, and standard Image site elements. NOTE: It will require downloading the two documents attached to this article: slideshow_javascript.txt and slidehow_css.txt.



1)      Log in to your mobile website, and click on the ‘Monetize’ icon.

2)      Activate the feature by clicking ‘Yes’.

3)      Paste the Javascript code from the slideshow_javascript.txt file into the ‘Custom Ad Code (Top Position)’ field.

4)      Click the ‘Update’ button to save your changes.


2. CSS

1) Click on the 'Look and Feel' icon.

2) Copy the CSS from the slideshow_css.txt file into the Custom CSS Code field.

3) Click 'Save' to save your changes.


3. Adding Images

1) Click the 'Add New Elements' icon.

2) For every images that you'd like to appear in the slideshow, create a new Image site element.

3) After creating as many new Image site elements as needed, click on the 'Site Layout' icon, and add those new Image site elements to your mobile site's homepage (i.e. do not nest or add them to other mobile webpages), and click 'Update' to save your changes.

Have more questions? Submit a request


Article is closed for comments.