Salve a tutti
ho utilizzato questa funzione per avere un effetto di slide in
http://www.samuelgarneau.com/lab/slidebox/
Il mio problema è che ho bisogno di agguingere più tasti e che ogni tasto richiami una slide diversa
ma non so proprio come fare.
Nella mia pagina HTML ho inserito
Codice PHP:
<script type="text/javascript" src="js/slidebox.js"></script>
<script>
$(document).ready(function(){
$("#slideZone").slideBox({width: "100%", height: "108px", position: "bottom"});
});
</script>
nel file slidebox.js ho
Codice PHP:
(function($){
$.fn.slideBox = function(params){
var content = $(this).html();
var defaults = {
width: "100%",
height: "200px",
position: "bottom" // Possible values : "top", "bottom"
}
// extending the fuction
if(params) $.extend(defaults, params);
var divPanel = $("<div class='slide-line'>");
var divContent = $("<div class='content'>");
$(divContent).html(content);
$(divPanel).addClass(defaults.position);
$(divPanel).css("width", defaults.width);
// centering the slide panel
$(divPanel).css("left", (100 - parseInt(defaults.width))/2 + "%");
// if position is top we're adding
if(defaults.position == "top")
$(divPanel).append($(divContent));
// adding buttons
$(divPanel).append("<div class='slide-button'>[img]images/btn_chisiamo.gif[/img]</div>");
$(divPanel).append("<div style='display: none' id='close-button' class='slide-button'>[img]images/btn_chisiamo.gif[/img]</div>");
if(defaults.position == "bottom")
$(divPanel).append($(divContent));
$(this).replaceWith($(divPanel));
// Buttons action
$(".slide-button").click(function(){
if($(this).attr("id") == "close-button")
$(divContent).animate({height: "0px"}, 800);
else
$(divContent).animate({height: defaults.height}, 800);
$(".slide-button").toggle();
});
};
})(jQuery);
Qualcuno mi da una mano con il codice?