- window.addEvent('domready', function() {
- var mySlide1 = new Fx.Slide('mediaGal');
- var mySlide2 = new Fx.Slide('mediaMP3');
- var mySlide3 = new Fx.Slide('mediaVideo');
- mySlide2.hide();
- mySlide3.hide();
- var showgall = function () {
- mySlide2.slideOut();
- mySlide1.slideIn();
- mySlide3.slideOut();
- }
- var showmp3 = function() {
- mySlide2.slideIn();
- mySlide1.slideOut();
- mySlide3.slideOut();
- }
- var showvid = function(e) {
- mySlide2.slideOut();
- mySlide1.slideOut();
- mySlide3.slideIn();
- }
- $('mp3gall').addEvent('click', showgall);
- $('vidgall').addEvent('click', showgall);
- $('gallmp3').addEvent('click', showmp3);
- $('vidmp3').addEvent('click', showmp3);
- $('gallvid').addEvent('click', showvid);
- $('mp3vid').addEvent('click', showvid);
- });
Spent best part of the day trying to fix this, scanning the web for hints and tips but I'm still struggling.
I'm using phpwcms so am restricted to mootools 1.11 at the moment.
All I'm trying to do is hide and show divs. Simple right.
Here is my code:
Within my html file I have a link like
- <a href="#" id="mp3gall">MP3s</a>
On loading the webpage, mySlide1 and mySlide2 hide themselves as they should do. Problem I have is the links don't do anything. Nothing happens. The should hide the current Div and display a new one changing from Image Gallery to a page with MP3's on.
Can anyone help me! I'm near to tears with this
Just so I'm not being stupid, Fx.Slide is part of 1.11 isn't it? I first created this using 1.2.3 but then realised I had to use 1.11.
Thanks
Vince
