Ver Mensaje Individual
  #3 (permalink)  
Antiguo 17/06/2011, 11:50
designjs
Usuario no validado
 
Fecha de Ingreso: junio-2011
Ubicación: Colombia
Mensajes: 15
Antigüedad: 12 años, 10 meses
Puntos: 0
Exclamación Respuesta: Cambiar fondo con javascript y recordarlo

Me parece excelente tu ayuda...la verdad me costo un poco entender lo de esa página y además investigue y hay un codigo que me ayuda y es el styleswitcher.js pero el problemita es que el cambia css y ya tengo otro script directo en la página para elegir las imagenes de fondo miren hago el llamado con este script:

<script type="text/javascript">
jQuery(function($) {
var open = false;
$('#footerSlideButton').click(function () {
if(open === false) {
$('#footerSlideContent').animate({ height: '120px' });
$(this).css('backgroundPosition', 'bottom left');
open = true;
} else {
$('#footerSlideContent').animate({ height: '0px' });
$(this).css('backgroundPosition', 'top left');
open = false;
}
});
});
</script>

y le agrego un fade in con este:

<script>
$(document).ready(function(){
$("#bgimages").fadeTo("slow", 0.3);
$("#bgimages").hover(function(){
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.3);
});
});
</script>



ahora las imagenes estan en html de esta manera:
<div id="bgimages">
<img src="img/jovenes/footer/bg_principal.png" onClick="cambiar(this)" width=150 height=100 alt="Fondo Principal" border="0" title="">
<img src="img/jovenes/footer/bg_1.jpg" onClick="cambiar(this)" width=150 height=100 alt="Fondo 1" border="0">
<img src="img/jovenes/footer/bg_2.jpg" onClick="cambiar(this)" width=150 height=100 alt="Fondo 2" border="0">
<img src="img/jovenes/footer/bg_3.jpg" onClick="cambiar(this)" width=150 height=100 alt="Fondo 3" border="0">
<img src="img/jovenes/footer/bg_4.jpg" onClick="cambiar(this)" width=150 height=100 alt="Fondo 4" border="0">
<img src="img/jovenes/footer/bg_5.jpg" onClick="cambiar(this)" width=150 height=100 alt="Fondo 5" border="0">
<img src="img/jovenes/footer/bg_6.jpg" onClick="cambiar(this)" width=150 height=100 alt="Fondo 6" border="0">
</div><!--final bgimages-->


mi pregunta es como hago para utilizar las cookies con este codigo para que cuando el usuario elija un color de fondo se almacene y cuando cambie de pagina por el menu no se borre la elección y pueda verse el fondo que elijio...

miren esta página es como les digo...
http://anidea.com/