jquery menu, slide verso sinistra

[stardom]

Salve, sono un autodidatta e persino alle prime armi, quindi vorrei gentilmente chiedervi se mi aiutate a capire come fare una variazione ad uno script. Ringrazio in anticipo.

La "bozza" di quello che vorrei ottenere è visionabile su http://gutenberg.arsenalemusica.eu/sliding_menu/
Io vorrei semplicemente che lo slide vada verso sinistra, ed immagino che sia una questione di cambiare un paio di righe di codice, ma quali? E come?

Il css è il seguente

body { background: #590000; font: 11px georgia; font-weight: normal; }
p { padding-bottom:0px; position:absolute; left:47%; bottom:5px; }
p a { text-decoration: none; outline: none; color:#d00000; }
p a:hover { border-bottom: 2px dotted #d00000; }
#iconbar { position:absolute; top:25%; left:45%; text-shadow:0 1px 0 #eee;}
#iconbar li {
float:left;
position:relative;
margin-right:0px;
background:#590000;
border: 0px dashed #ffc0ff;
overflow:hidden;
}
#iconbar a {
text-decoration: none;
outline: none;
color:#d00000;
display: block;
width: 24px;
padding: 5px;
cursorointer;
}
#iconbar span {
width: 100px;
height: 35px;
position: absolute;
display: none;
line-height:110%;
color:#FFCC00;
padding-left: 10px;


Il Javascript è il seguente:

jQuery.preloadImages = function()
{
for(var i = 0; i<arguments.length; i++)
jQuery("<img>").attr("src", arguments[i]);
}
jQuery.preloadImages("../images/icons/admin.png", "../images/icons/admino.png",
"../images/icons/antenna.png", "../images/icons/antennao.png",
"../images/icons/cut.png", "../images/icons/cuto.png",
"../images/icons/expertise.png", "../images/icons/expertiseo.png",
"../images/icons/calendar.png", "../images/icons/calendari.png",
"../images/icons/home.png", "../images/icons/homeo.png");

jQuery(document).ready(function(){

$("#iconbar li a").hover(
function(){
var iconName = $(this).children("img").attr("src");
var origen = iconName.split(".png")[0];
$(this).children("img").attr({src: "" + origen + "o.png"});
$(this).css("cursor", "pointer");
$(this).animate({ width: "140px" }, {queue:false, duration:"normal"} );
$(this).children("span").animate({opacity: "show"}, "fast");
},
function(){
var iconName = $(this).children("img").attr("src");
var origen = iconName.split("o.")[0];
$(this).children("img").attr({src: "" + origen + ".png"});
$(this).animate({ width: "24px" }, {queue:false, duration:"normal"} );
$(this).children("span").animate({opacity: "hide"}, "fast");
});
});

[stardom]

riporto all'attenzione questo mio post, immagino che la soluzione sia così stupida da essere ignorata. C'è qualche magnanimo professore che mi dice come si fa una modifica del genere ? (slide verso sinistra invece che destra). Grazie

[Xinod]

Originariamente inviato da stardom
immagino che sia una questione di cambiare un paio di righe di codice

immagini male
comunque se vuoi ottenere rapidamente questo risultato, nel css cambia left in right

#iconbar			{ position:absolute; top:25%; left:45%; text-shadow:0 1px 0 #eee;}

ciao

[stardom]

Grazie Xinod per l'attenzione. Devo dire che con una semplice modifica lo script in effetti scivola verso sinistra, apparentemente senza conflitti di sorta.
Ma mi ero evidentemente spiegato male, ed immagino che la tua osservazione sulla difficoltà di modifica sia vera... perchè in effetti io desidererei che sia la descrizione dell'icona a comparire sulla sinistra dell'icona stessa. Ora invece abbiamo lo slide a sinistra ma la descrizione a destra. Puoi ancora aiutarmi?

[Xinod]

aggiungi un' altra pezza

#iconbar img {
	float:right;
}

[stardom]

...aggiongo come? Dove? Scusa ma non è molto deduttivo per uno come me alle prime armi. Visto così, aggiunto al css non è che possa fare molto se non faccio modifiche nel javascript (credo).. o no?

[stardom]

correggo in parte il mio ultimo post perchè, in effetti, semplicemente aggiungengo al CSS la riga di codice #iconbar img { float:right;} ecco che lo slide del testo è verso sinistra. Però debbo fare una modifica in quanto il padding è troppo, e la descrizione di un icona sembra appartenere all'icona all'immediata sinistra... ci provo da solo, ma non so se riuscirò