Solved

Integrate RokSlide Scroller or similar

Posted on 2008-10-10
1
660 Views
Last Modified: 2013-11-19
Hi,

I really like the Rokslide module plugin for Joomla, I would be really interested in including this on my website but I can't find my way around all the extraneous css tabs e.g. DIV containers

Is there anywhere I could find just the code for the Slider on a simple HTML page without all the extraneous code or is there a similar code which is compatible with all main browsers
0
Comment
Question by:fgict
1 Comment
 
LVL 5

Accepted Solution

by:
wickedpassion earned 500 total points
ID: 22711840
Are you using Mootools in combo as I believe this is pre-requisite for Slideshow to work!?

If you do then paste you must also ensure that the following two lines are contained in the head sections of every page that you wish to use slideshow.

<script type="text/javascript" src="rokslideshow/mootools.js"></script>
<script type="text/javascript" src="rokslideshow/rokslideshow.js"></script>

Once completed the code required will be something like the following:









<script type="text/javascript">
 window.RokSlideshowPath = '';
 window.addEvent('load', function(){
 var imgs = [
        {
 
        file: 'yourfile.jpg',
        title:'yourtitle',
        desc: 'your description',
        url: '#'
        },{
 
        file: 'yourfile.jpg',
        title:'yourtitle',
        desc: 'your description',
        url: '#'
 
}];
 
 
var myshow = new Slideshow('slideshow', {
    type: 'combo',
    showTitleCaption: 1,
    captionHeight: 45,
    width: 450,
    height: 300,
    pan: 20,
    zoom: 30,
    loadingDiv: 1,
    resize: true,
    duration: [2000, 9000],
    transition: Fx.Transitions.Expo.easeOut,
    images: imgs,
    path: '/path/to/your/images/'
  });
 
myshow.caps.h2.setStyles({
    color: '#fff',
    fontSize: '13px'
});
 
myshow.caps.p.setStyles({
    color: '#ccc',
    fontSize: '11px'
  });
 });
</script>

Open in new window

0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

821 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question