display:none o hide()

[aprendizt]

hola amigos alguien me puede sacar de una duda.

cuando yo establezco la propiedad display:none para un "supongamos que un div" de todas formas este se me carga al momento de abrir la pagina?. ya que tengo como 30 imagenes small y 30 imagenes big y que al presionar en las imagenes small me valla apareciendo la que corresponde (esto lo hice con jquery). pero mi preocupacion mas grande es que al ser tantas imagenes se me demora mucho al cargar la pagina.

En estos momentos lo que estoy haciendo es :

Código:

jQuery(document).ready(function($) {
	$("#big_1").show();
	$("#big_2").hide();
 $("#small_1").click(function(){
		$("#big_1").show();
		$("#big_2").hide();
                              });
 $("#small_2").click(function(){
		$("#big_1").hide();
		$("#big_2").show();
                              });
});

Nota : tener en cuenta que son 30 imágenes y posiblemente se me eleve esa cantidad. cual de las 2 formas es mas factible hacerlo, dandole la propiedad display none u ocultandolas con el .hide() de jquery ,o si existe otra forma para que no se me demore tanto cargar la pagina.

Saludos y gracias

[pzin]

Hasta donde yo sé es lo mismo. hide() lo que hace es poner un display: none al elemento del selector.

Ahora, yo lo haría con CSS, ya que no hay necesidad de hacerlo mediante JavaScript si lo quieres nada más cargar la página.

[leoass]

los dos hacen lo mismo. Y concuerdo con bonez. Seria mejor con css... es (a mi parecer ) mas simple... incluso podrias ocultar las imagenes con botones...