Recent Topics

1 Jul 29, 2014 09:08    

Most platforms implement Tiny MCE with advanced image options but B2Evo, apparently, does not. Any pointers in that sense would be greatly appreciated!
Which is why I have trouble to get a simple roll-over working. I have tried copying HTML from the Web, Joomla and Dreamweaver and while typically something like this <img src="/images/af/AF51.png" width="455" height="303" id="Image1" onmouseover="MM_swapImage('Image1','','/images/af/AF11.png',0)" onmouseout="MM_swapImgRestore()" /> would work, in B2Evo it does not.
Any suggestions?
THX

2 Aug 01, 2014 07:37

Hello @gerardp,

Making a rollover like the one that you referenced is not that simple as you think, it imply to include a block of javascript code. Of course, Dreamweaver makes this pretty easy because it produces a static page and it just generates all the needed code, no matter how many lines or code style it includes. The thing is that including javascript in any CMS without an admin profile, or without hacking the source code, or even without a plugin that let you do that, might be just avoided as a security policy. The ability to do this kind of things should be granted only to people that know what is doing and that really need to do it.

Another consideration is that b2evolution is fully integrated with a javascript framework called jQuery, that drastically reduces the complexity of the code needed to achieve something like the rollover that you want. For example, please check this page: http://jsfiddle.net/LaKNB/, that is the image rollover in a "Dreamweaver style". Now check this one: http://jsfiddle.net/ks6W3/1/, that's the jQuery style.

Having said this, here is a tutorial that might help you with this task: http://b2evolution.net/man/advanced-topics/how-to/image-rollover. If you have any doubt, please feel free to reply with your questions.

Regards!

3 Aug 01, 2014 12:30

Thanks for your explanations. I will check out the suggested links.

Cheers!


Form is loading...