Premetto che non sono un esperto di javascript.
Ho trovato un codice jquery gratuito e seguendo le istruzioni (è stato scritto per un html normale), ho provato a inseriro in joomla, esattamente nel HEAD dell'index.php
- <script src="jquery.js"></script>
- <script type="text/javascript" src="jquery-1.3.1.js"></script>
- <script type="text/javascript">
- jQuery(document).ready(function(){
- //To switch directions up/down and left/right just place a "-" in front of the top/left attribute
- //Vertical Sliding
- jQuery('.boxgrid.slidedown').hover(function(){
- jQuery(".cover", this).stop().animate({top:'-260px'},{queue:false,duration:300});
- }, function() {
- jQuery(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300});
- });
- //Horizontal Sliding
- jQuery('.boxgrid.slideright').hover(function(){
- $(".cover", this).stop().animate({left:'325px'},{queue:false,duration:300});
- }, function() {
- jQuery(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
- });
- //Diagnal Sliding
- jQuery('.boxgrid.thecombo').hover(function(){
- jQuery(".cover", this).stop().animate({top:'260px', left:'325px'},{queue:false,duration:300});
- }, function() { ......
- });
- });
- </script>
dove jquery.js riporta questo:
- // JavaScript Document
- jQuery.noConflict();
- // Use jQuery via jQuery(...)
- jQuery(document).ready(function(){
- jQuery("div").hide();
- });
- // Use Prototype with $(...), etc.
- $('someid').hide();
Ora, il plugin funziona ma da errore "jquery non è stato dichiarato" nel jquery.js
Ho provato a dare un occhiata ad un altro post simile ma non sono venuto a capo di una soluzione.
Potete aiutarmi perfavore?
Grazie