Hello,
I want to add image slider on the front page of my webpage as shown below. Can any one help me with it? How can i do it.
Thanks
Sana.
Sana,
There are a number of themes which have such sliders in them - I gave you a few examples in another thread (krystle, essential and I'm sure there are others). There are also a few how to instructions turned up by a very quick google search and many examples in other webpages and themes (take a look at templatemo.com for example) which can very easily be added into a moodle theme.
The top result in the google search gives a good 'how-to'
Thanks Richard but i want to add this image slider in my current over lay theme.Kindly help me with it.
Thanks
Sana
TBH Sana, short of actually doing it for you, I can't give you any better help than you will find in the how to here
Its the top link in the search I gave you in my last post and although it says its for 2.2 it should work for your moodle, and as it is fairly general it should apply to any moodle theme,
Have a go. If you have specific difficulties come back and tell me what they are and then I can provide more specific help, but in terms of a general how to, it's all there.
Richard
Hi Sana
Maybe I can help. My blog post here was based on the same link that Richard gave you. But there is a difference. In my blog post, I actually have 2 download links that will allow you to setup the rotating slider in the Educator theme. Plus my blog post (read it carefully) has one extra snippet of information that the author Gerrad Shaw forgot to mention. It took me a few hours to get it all together (I'm not so smart) from reading Gerrad's Shaw, but now with my zip files, I am sure you can get it working for you within an hour.
Cheers!
Frankie 'Durian' Kam
Hi Sana
Nice slider (the one you posted with a green background)! Where did you get it from?
Frankie
Image sliders are not easy to build. You are looking at some rather advanced jQuery to get it going.
Check out this site http://2013.imoot.org . I am guessing that is the kind of slider you want.
If so, click here to download the theme called "Essential" that powers that site and you can see how it was implemented.
If you are interested, the slider is called the Parallax slider and is available from this site. All I did was factor it into a Moodle theme and tie it into the Moodle settings to allow it to be changed without the need for code.
Julian
Hello all
I am using Jquery
I created a label and put this code:
<!-- include jQuery library --> <p></p> <!--<h2 class="slideshow" style="text-align: center;"></h2>--> <p></p> <!-- include jQuery library --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script> <!-- include Cycle plugin --> <script src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js" type="text/javascript"></script> <script type="text/javascript">// <![CDATA[ $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade', pager: '#nav' // choose your transition type, ex: fade, scrollUp, shuffle, etc... }); }); // ]]></script> <div class="slideshow">
<img src="http://yourserver/images/1.jpg" />
<img src="http://yourserver/images/2.jpg" />
<img src="http://yourserver/images/3.jpg" />
<img src="http://yourserver/images/4.jpg" />
<img src="http://yourserver/images/5.jpg" />
</div>
The result is here: http://200.229.4.141/moodle/
Hi Gisel,
You have done a great job with your site. Thanks also for sharing the jQuery Slideshow. It looks to be working OK.
Cheers
Mary
Hello Mary
I do appreciate the great work you have done on the themes of Moodle. I am following your work for some time.
In fx: 'fade' try change to type, ex: fade, scrollUp, shuffle, etc...
The result is fantastic and very simple to do
Hi Gisele
Lovely pastel greens....!
Your JQuery slider code is simple and effective.
BTW, any random effect? For example:-
ex: random
?
Frankie Kam
could you please show where to put this code