Skip to main content

Joomla: Simple Picture Slideshow

I was searching for a quick slideshow plugin to use within an article in Joomla and stumbled across one called Simple Picture Slideshow.

It is extremely simple to set up.  You download the plugin from their site, install it into your Joomla backend, then find it in your plugins directory.  There are few settings to play with from having the images link to other pages and buttons for controlling the slideshow.  I went with a simple approach for Ryan Gibbons Real Estate and just had a button-less image slideshow that began automatically on page load.

The beauty of Simple Picture Slideshow is its ease of use.  It's default directory (which you can change in the plugins settings page) is set to /images/stories.  To use it in your article, you use the following syntax:

{besp}sampleimages{/besp}

Where sampleimages would actually be /images/stories/sampleimages.  It will load all the images in that directory and size them to the dimensions you set on the plugins settings page.

That's it.  Save your article and, if your paths are correct, you'll see the images appear automatically.

Comments

  1. Great information! Thank you for sharing your ideas. I like your post and share it on my twitter and Facebook wall.

    ReplyDelete

Post a Comment

Popular posts from this blog

How To Run Chrome From Within Notepad++

If you have recently tried to Run  Chrome from within Notepad++ recently, you've probably encountered the same issue I did.  Chrome didn't run. The fix is actually really simple.  Open up the Run box in Notepad++ and browse to your installation of Chrome. ie.  C:\Program Files\Google\Chrome\Application\Chrome.exe Select the file when you find it.  Now, the trick is: Put quotation marks around the path you see in the Run  box.  Now, put 1 space after the closing quotation mark. Type this: $(FULL_CURRENT_PATH) It'll look something like this: Click Run .  If Chrome opens, click Save and set your hotkey.

Developer Note: Virtuemart - Editing the Add to Cart MooTool Popup

To edit the “Add To Cart” popup that appears when you add an item to a cart in Virtuemart, there are few files that you need to know about. These are the files to know \components\com_virtuemart\themes\default\theme.js \components\com_virtuemart\js\mootools\   - contains the files for editing the appearance of the popup. To edit the appearance of the box, edit \components\com_virtuemart\js\mootools\mooPrompt.css to change the styles as well as editing the 2 images in the directory to edit how they appear as well (close box and header-background)

Divi Theme - Remove pause 'on hover' of the full width slider

In the Divi theme, open up /js/custom.js Comment out the following code (around line 144) if ( settings.slideshow && et_slides_number > 1 ) { $et_slider.hover( function() { $et_slider.addClass( 'et_slider_hovered' ); if ( typeof et_slider_timer != 'undefined' ) { clearInterval( et_slider_timer ); } }, function() { $et_slider.removeClass( 'et_slider_hovered' ); et_slider_auto_rotate(); } ); }