Salut à tous...
Je viens vers vous car j'ai un petit souci d'adaptation d'un script pour site en Jquery façon portfolio...
Ce script permet de générer un site à la manière de http://www.lotusthaisd.com/downtown/downtown.html
Mon problème est que je cherche à animer les fenêtres en fonction de la taille du texte... Comme il est donné, le script jquery anime la hauteur du fenêtre à 400px... même si il y a quasiment pas de texte donc ça fait moche...
Voici le code css :
Et voici le code Jquery
J'ai déjà essayé de modifier le jquery en mettant "auto" comme valeur à la place de 400px mais là, les fenêtres n'apparaissent même pas ...
Merci pour le coup de main
Modifié par kisscool (16 Oct 2012 - 21:07)
Je viens vers vous car j'ai un petit souci d'adaptation d'un script pour site en Jquery façon portfolio...
Ce script permet de générer un site à la manière de http://www.lotusthaisd.com/downtown/downtown.html
Mon problème est que je cherche à animer les fenêtres en fonction de la taille du texte... Comme il est donné, le script jquery anime la hauteur du fenêtre à 400px... même si il y a quasiment pas de texte donc ça fait moche...
Voici le code css :
.ac_subitem{
width:auto;
height:0; /* animate to 400px */
top:50%;
right:50%;
margin-top:0px; /* animate to -200px */
margin-left:50px;
position:fixed;
z-index:99;
overflow:hidden;
background:transparent url(../images/bg_win.png) repeat top left;
Et voici le code Jquery
openSubMenu = function($item, $sub_menu, el_image) {
$sub_menu.stop()
.animate({
height : '400px',
marginTop : '-200px'
}, 400, function() {
//the bg image changes
showItemImage(el_image);
});
},
/* changes the background image */
showItemImage = function(source) {
//if its the current one return
if($ac_bgimage.attr('src') === source)
return false;
var $itemImage = $('<img src="'+source+'" alt="Background" class="ac_bgimage"/>');
$itemImage.insertBefore($ac_bgimage);
adjustImageSize($itemImage);
$ac_bgimage.fadeOut(1500, function() {
$(this).remove();
$ac_bgimage = $itemImage;
});
$itemImage.fadeIn(1500);
},
closeSubMenu = function($sub_menu) {
$sub_menu.stop()
.animate({
height : '0px',
marginTop : '0px'
}, 400, function() {
//show items
toggleMenuItems('up');
});
},
J'ai déjà essayé de modifier le jquery en mettant "auto" comme valeur à la place de 400px mais là, les fenêtres n'apparaissent même pas ...
Merci pour le coup de main

Modifié par kisscool (16 Oct 2012 - 21:07)