Comunidad de diseño web y desarrollo en internet online

javaScript

Citar            
MensajeEscrito el 13 Mar 2012 04:07 pm
HOla amigos alguien me puede decir que hace estas lineas de codigo,
<script type="text/javascript">
$(document).ready(function(){
$("body").hide().fadeIn('slow');

$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
});

$(".enlace").click(function(){
var url= $(this).attr("href");
var barra = "<img src='img/loading.gif' />";
$("#informacion").hide().html(barra).load(url).fadeIn('slow');
return false;
});

});

Muchas gracias por su tiempo.

Por blogdopata

10 de clabLevel



 

nub html 5

chrome
Citar            
MensajeEscrito el 14 Mar 2012 03:01 pm

Código Javascript :

// Cuando el documento este cargado
$(document).ready(function(){ 
// Esconder el cuerpo de la pagina y hacerlo aparecer lentamente
// Es para dar lindo efecto nada mas
$("body").hide().fadeIn('slow');

// hacer "$(function..." no es necesario, lo que hace es decir "cuando el documento este cargado"
// tal como vimos en la primera linea
$(function(){
// la div, caja, tabla, whatever que tenga la id="slides" va a ser un slider (supongo)
// .slides es un plugin
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});

});

// Cuando des click a lo que tenga la class="enlace"
$(".enlace").click(function(){
// obtenemos la url del enlace
var url= $(this).attr("href");
// preparamos esta imagen
var barra = "<img src='img/loading.gif' />";

// Escondemos lo que tenga la id="informacion"
// de contenido le pones una imagen (la que habíamos visto recién)
// Además, cargamos el contenido de la url del link mediante un método ajax
// Y hacemos que aparezca de a poco, un lindo efecto
$("#informacion").hide().html(barra).load(url).fadeIn('slow');

// para prevenir que te dirija a la url del link (aunque yo prefiero e.preventDefault())
return false;
});

});

Creo que sería eso

Por Night~

43 de clabLevel



Genero:Masculino  

Geek, Gamer, Otaku

chrome
Citar            
MensajeEscrito el 14 Mar 2012 04:46 pm
+1 Night~ está en lo correcto.

Por Kinduff

Claber

3563 de clabLevel

21 tutoriales
3 articulos

 

web dev wizzard

chrome
Citar            
MensajeEscrito el 14 Mar 2012 06:14 pm
GRACIAS NIGHT TE PASASTE !!! realmente muchas gracias xq me aburria solo cambiar las imagenes y poner los linkeados.. sin entender EXITOS!!!

Por blogdopata

10 de clabLevel



 

nub html 5

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.