últimos mensajes de: nevermind2403

Mostrar Mensajes
Páginas: 1 [2]

Programación / Desarrollo Web / Jquery Galeria de imagenes (ayuda)

en: 13 Noviembre 2013, 05:14 am

Abri otro post para que se entienda mejor el codigo, el problema surge porque tengo una galeria de fotos que funciona ,pero no se como agregarle el boton cerrar, ya que solo se cierra presionando sobre la foto.
El problema seria asi,al mostrar la imagen en su tamaño real, una vez que es clickeada la miniatura, se debe modificar el script para que la imagen se cierre una vez que se hace click en este botón de cerrar.
Les dejo el codigo fuente,saludos

Código

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript">
 
	$(document).ready(function(){
		$("#container img").click(function(){
			var nombre = $(this).attr("alt") + "_big";
			var direccion = nombre + ".jpg";
 
			$("#imgFull").attr('src',direccion);
			$("#previa").fadeIn();
		});
 
		$("#imgFull").click(function(){
			$("#previa").fadeOut();	
		});
	});
</script>
<style type="text/css">
	body{
		background-image: url('fondo.png');
	}
	#container{
		width: 650px;
		margin: 150px auto;
	}
	#container img{
		cursor: pointer;
	}
	#previa{
		background: rgba(0,0,0,0.5);
		display: none;
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		overflow: scroll;
	}
	#previa div{
		margin: 30px auto;
		text-align: center;
	}
 
 
</style>
</head>
 
<body>
<div id="previa">
	<div>
		<img src="" id="imgFull" />
	</div>	
</div>
<div id="container">
	<img src="foto_1_small.jpg" alt="foto_1" width="100" height="75" />
    <img src="foto_2_small.jpg" alt="foto_2" width="100" height="75" />
    <img src="foto_3_small.jpg" alt="foto_3" width="100" height="75" />
    <img src="foto_4_small.jpg" alt="foto_4" width="100" height="75" />
    <img src="foto_5_small.jpg" alt="foto_5" width="100" height="75" />
    <img src="foto_6_small.jpg" alt="foto_6" width="100" height="75" />
</div>
</body>
</html>

Programación / Desarrollo Web / Slider Automatico Jquery (AYUDA)

en: 13 Noviembre 2013, 05:09 am

Hola a todos como estan? Tengo este codigo con jquery,tengo que agregar al pie del slider unos cuadraditos o circulos tipicos de los sliders,uno por cada imagen y que se vaya moviendo a medida que se cambia la imagen: es decir imagen1 y se muestre el cuadradito 1 y asi sucesivamente, he buscado muchisimos ejemplos pero no he encontrado uno puntual asi,si alguien sabe que codigo agregar o algun ejemplo puntual, se lo agradezco

Aca esta el codigo completo para que pueden verlo,faltan solos las 3 imagenes y archivo jquery normal,saludos

Código

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript">
 
	$(document).ready(function(){
 
		function animacion(){
			$("#texto3").slideDown(4000, function(){
				$("#texto3").css("display", "none")
				$("#texto2").slideDown(4000, function(){
					$("#texto2").css("display", "none")
					$("#texto1").slideDown(4000, function(){
						$("#texto1").css("display", "none")
 
			})})});
 
			$("#foto3").animate({"left": "+=600px"}, 4000, function(){
				$("#foto2").animate({"left": "+=600px"}, 4000, function(){
					$("#foto1").animate({"left": "+=600px"}, 4000, function(){
						$("#foto3").css("left", "0")
						$("#foto2").css("left", "0")
						$("#foto1").css("left", "0")
 
						animacion();
			})})});
		}
		animacion();
 
	});
</script>
<style type="text/css">
	#imagenes{
		width: 600px;
		height: 450px;
		border: 1px solid grey;
		position: relative;
		overflow: hidden;
		background-image: url(foto1.jpg)
	}
	#foto1, #foto2, #foto3{
		display: block;
		position: absolute;
	}
	#texto1, #texto2, #texto3{
		display: none;
		position: absolute;
		text-align: center;
		width: 600px;
		height: 30px;
		padding-top: 10px;
		vertical-align: bottom;
		background-color: #000000;
		color: #FFFFFF;
		opacity: 0.3;
		filter: alpha(opacity=30);
	}
 
</style>
</head>
 
<body>
<h2>Slider</h2>
<div id="imagenes">
    <img src="foto3.jpg" id="foto1" />
    <img src="foto2.jpg" id="foto2" />
    <img src="foto1.jpg" id="foto3" />
    <div id="texto1">Esta es la descripcion de la foto 1</div>
    <div id="texto2">Esta es la descripcion de la foto 2</div>
    <div id="texto3">Esta es la descripcion de la foto 3</div>
 
</div>
</body>
</html>

13	Programación / Programación General / Testing o QA	en: 7 Noviembre 2013, 15:26 pm
Mi pregunta es sobre testing, quien aca ha desarrollado esta tarea en alguna empresa, que herramientas y casos de prueba se utilizan con mas frecuencia o que tengan mayor utilidad? Acabo de terminar un curso en la UTN de BA y me quedo un poco pobre,si alguien tiene documentacion de herramientas o como se maneja hoy en dia esta area, se lo agradeceria mucho,saludos

14	Programación / Desarrollo Web / Re: Necesito su ayuda,NECESITO CONSEJOS PARA PROGRAMAR,MI VIDA DEPENDE D ESTO	en: 24 Septiembre 2013, 17:03 pm
Si amigo me atrae mucho mas la idea de programarlo y diseñarlo yo mismo, pero el tema del diseño es algo que a veces siento que pierdo tiempo,pero a veces con Joomla y esos CMS siento que es meterse en el mambo de otra persona para poder codificar despues, voy a probar con SMF a ver como es,te agradezco.. En php ustedes programan POO con MVC, o que paradigma utilizan? y patrones?saludos

15	Comunicaciones / Redes / Re: ADMINISTRAR REDES-POR DONDE EMPEZAR? SOLICITO SU AYUDA POR FAVOR	en: 21 Septiembre 2013, 20:31 pm
Algun libro o software para entender como armar una red? ya sea windows ,o linux? He hecho algunas cosas con packet tracer pero me falta una guia mas formal q vaya con los temas de forma mas coherente con la realidad laboral,saludos y gracias a todos

16	Programación / Desarrollo Web / Re: Necesito su ayuda,NECESITO CONSEJOS PARA PROGRAMAR,MI VIDA DEPENDE D ESTO	en: 21 Septiembre 2013, 20:27 pm
Antes que nada gracias por sus respuestas, muy completa la guia de para empezar a programar, me dio un vistazo muy util,lo q mas me molesta es la parte del diseño web de la pagina es algo q me incomoda, pero no se si muchos de ust utilizan algun CMS como joomla o wordpress? o simplemente bajarse una plantilla y modificarla con dreamweaver? Otra cosa q tenia mis serias dudas es si conviene en PHP hacerlo estructurado o amplicar POO con MVC, eso seria algo nuevo para, ya que solo lo he aplicado en Java la POO y solo he hecho cosas basicas como ABM, MI IDEA ERA EMPEZAR CON HTML y PHP (estructurado o POO depende q me recomienden), de ahi migrar a HTML5 y empezar de a poco con Java Web para llegar a Android, se q es mucho pero con practica todo se logra.

17	Comunicaciones / Redes / ADMINISTRAR REDES-POR DONDE EMPEZAR? SOLICITO SU AYUDA POR FAVOR	en: 20 Septiembre 2013, 05:42 am
Hola a todos como estan? Hace poco me recibi de Licenciado en Sistemas, y la verdad que poco me enseño la facultad,quizas a muchos de ustedes tambien le paso, me gustaria poder trabajar en redes ya sea para colegios, o para alguna empresa,estoy desempleado intentando y esto me parecio que podia ser una salida laboral, por donde empiezo tengo conceptos basicos de redes tcp/ip,cableado,dispositivos pero todo teorico, QUIEN ME PUEDE OTORGAR TUTORIALES DE QUE DEBO ESTUDIAR? o algo,ya que hay muchos pero la verdad no se por donde arrancar, me gustaria poder administrar una red ,configurar o armar una de forma efectiva,MIL DISCULPAS SINO ME HE EXPRESADO DE FORMA CORRECTA,realmente tengo necesidad y no tengo dinero para poder realizar cursos cisco ,ni nada similar, la verdad la estoy peleando como puedo,un abrazo y gracias de corazon

18	Programación / Desarrollo Web / Necesito su ayuda,NECESITO CONSEJOS PARA PROGRAMAR,MI VIDA DEPENDE D ESTO	en: 20 Septiembre 2013, 04:30 am
Hola a todos, les pido disculpa si estoy molestando con esta inquietud, pero realmente no sabia a quien recurrir,es con el mayor de los respeto,hace poco me gradue de Lic de Sistemas en la facultad,tengo 28 años, pero la verdad que siempre me costo la programacion,hace unos meses empeze con el mayor de los esfuerzos a programar en php, se lo basico cargar trablas,consultas,sesiones, pero no me animo a desarrollar una pagina aca esta mi problema. DEBIDO A LA FALTA DE CAPACITACION QUE OBTUVE EN MI FACULTAD,NO SE BIEN QUE COSAS CONVIENE DESARROLLAR CON CODIGO, USAR DIFERENTES PLATAFORMAS ,O QUE LENGUAJES,LA TECNOLOGIA ES MUY AMPLIA Y CADA DOS POR TRES TE ENCONTRAS CON UN LENGUAJE DISTINTO PARA HACER LA MISMA COSA( por ej: he vistoq dreamweaver hace practicamente todo automatico sin validaciones complicadas y con un poco de codigo una pagina promedio funciona),o joomla u ptro cms,pero no se si es la forma correcta de ser un buen programador o hacer las cosas bien. Que herramientas, q patrones, q lenguajes(CSS;JS;AJAX;SEO)me conviene trabajar estructurado o POO, para desarrollar de forma eficiente y SE LO aprender,SE LOS PIDO DE MIL FAVORES ES UNA SITUACION QUE ME HA HECHO CAER EN UNA DEPRESION MUY FUERTE YA QUE NO CONSIGO TRABAJO Y ME SIENTO DERROTADO,y no tengo el dinero para poder aprender cursos lamentablemente,muchas gracias de corazon desde ya.DISCULPEN!!!

Páginas: 1 [2]