Foros del Web » Creando para Internet » Diseño web »

Como hago esto (?)

Estas en el tema de Como hago esto (?) en el foro de Diseño web en Foros del Web. Quiero hacer el mismo "efecto" que tiene esta web. (w w w. a f a. o r g. a r) que van pasando lasinformaciones PD: ...
  #1 (permalink)  
Antiguo 18/08/2009, 19:08
Avatar de WilyDesign  
Fecha de Ingreso: junio-2009
Mensajes: 15
Antigüedad: 15 años, 6 meses
Puntos: 0
Exclamación Como hago esto (?)

Quiero hacer el mismo "efecto" que tiene esta web. (w w w. a f a. o r g. a r)
que van pasando lasinformaciones

PD: la pagina es todo junto lo puese asi pq todavia no puedo poner link
  #2 (permalink)  
Antiguo 18/08/2009, 19:39
Avatar de urgido  
Fecha de Ingreso: febrero-2005
Mensajes: 2.351
Antigüedad: 19 años, 9 meses
Puntos: 25
Respuesta: Como hago esto (?)

eso es con flash, aunque hay efectos similares en ajax. Saludos
__________________
Hospedaje Web al mejor costo!
  #3 (permalink)  
Antiguo 19/08/2009, 21:13
Avatar de WilyDesign  
Fecha de Ingreso: junio-2009
Mensajes: 15
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: Como hago esto (?)

Alguien que tenga una respuesta concreta.

Mejor dicho que pueda ayudarme.

Necesito ese efecto!!!
  #4 (permalink)  
Antiguo 19/08/2009, 21:21
Avatar de urgido  
Fecha de Ingreso: febrero-2005
Mensajes: 2.351
Antigüedad: 19 años, 9 meses
Puntos: 25
Respuesta: Como hago esto (?)

amigo busca, hay que buscar hehehe... dirigete a www.miniajax.com ó www.dynamicdrive.com ... google y buscalo como "flash news script"
__________________
Hospedaje Web al mejor costo!
  #5 (permalink)  
Antiguo 19/08/2009, 21:23
Avatar de WilyDesign  
Fecha de Ingreso: junio-2009
Mensajes: 15
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: Como hago esto (?)

Gracias urgido.

Lo que pasa es que no sabia como poner en Google.
  #6 (permalink)  
Antiguo 19/08/2009, 21:26
Avatar de WilyDesign  
Fecha de Ingreso: junio-2009
Mensajes: 15
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: Como hago esto (?)

Igual aunque me pases la pagina esa no es muy fácil para mi.

Ustedes tienen experiencia.

Yo recien comienzo en esto de códigos en ajax.
  #7 (permalink)  
Antiguo 19/08/2009, 21:37
Avatar de urgido  
Fecha de Ingreso: febrero-2005
Mensajes: 2.351
Antigüedad: 19 años, 9 meses
Puntos: 25
Respuesta: Como hago esto (?)

mira en dynamicdrive.com viene como insertar el código y es javascript, espero y te sirva ... claro, si le mueves al inglés.
__________________
Hospedaje Web al mejor costo!
  #8 (permalink)  
Antiguo 19/08/2009, 21:46
Avatar de WilyDesign  
Fecha de Ingreso: junio-2009
Mensajes: 15
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: Como hago esto (?)

Si supiera Ingles ni hubiera posteado aca :D
  #9 (permalink)  
Antiguo 20/08/2009, 06:13
Avatar de WilyDesign  
Fecha de Ingreso: junio-2009
Mensajes: 15
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: Como hago esto (?)

xyberneticos.com/index.php/2008/09/21/contenido-deslizante-con-auto-reproduccion/

En esta página encontré mucha ayuda, pero no tengo idea como colocar, o sea donde colocar cada codigo

Si laguien se toma el trabajo le agradeceria un monton.
  #10 (permalink)  
Antiguo 20/08/2009, 15:21
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 10 meses
Puntos: 306
Respuesta: Como hago esto (?)

Esta bueno el link, la verdad que es muy fácil de instalar y usar. gracias WilyDesign
  #11 (permalink)  
Antiguo 21/08/2009, 19:41
Avatar de WilyDesign  
Fecha de Ingreso: junio-2009
Mensajes: 15
Antigüedad: 15 años, 6 meses
Puntos: 0
Exclamación Respuesta: Como hago esto (?)

Cita:
Iniciado por WilyDesign Ver Mensaje
xyberneticos.com/index.php/2008/09/21/contenido-deslizante-con-auto-reproduccion/
Che alguien que me haga el favor de decirme en que lugar (head, body, etc) tengo que colocar cada código
  #12 (permalink)  
Antiguo 21/08/2009, 19:45
Avatar de urgido  
Fecha de Ingreso: febrero-2005
Mensajes: 2.351
Antigüedad: 19 años, 9 meses
Puntos: 25
Respuesta: Como hago esto (?)

en la página del demo;

click derecho -> ver código fuente de la página

;)
__________________
Hospedaje Web al mejor costo!
  #13 (permalink)  
Antiguo 21/08/2009, 19:46
Avatar de WilyDesign  
Fecha de Ingreso: junio-2009
Mensajes: 15
Antigüedad: 15 años, 6 meses
Puntos: 0
Uhhh...gracias capo.

La verdad que vos si que me ayudaste.


Quiero emplearlo en una pagina pero no me dá.

Con el DreamWeaver 8.

Última edición por cvander; 22/08/2009 a las 02:24
  #14 (permalink)  
Antiguo 22/08/2009, 10:13
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 10 meses
Puntos: 306
Respuesta: Como hago esto (?)

Código HTML:
<head>
<link rel="stylesheet" type="text/css" href="FeaturedContentSlider/style.css" /> 
<script type="text/javascript" src="FeaturedContentSlider/js/jquery-1.2.6.min.js"></script> 
	<script type="text/javascript" src="FeaturedContentSlider/js/jquery-easing-1.3.pack.js"></script> 
	<script type="text/javascript" src="FeaturedContentSlider/js/jquery-easing-compatibility.1.2.pack.js"></script> 
	<script type="text/javascript" src="FeaturedContentSlider/js/coda-slider.1.1.1.pack.js"></script>


<script type="text/javascript"> 
	
		var theInt = null;
		var $crosslink, $navthumb;
		var curclicked = 0;
		
		theInterval = function(cur){
			clearInterval(theInt);
			
			if( typeof cur != 'undefined' )
				curclicked = cur;
			
			$crosslink.removeClass("active-thumb");
			$navthumb.eq(curclicked).parent().addClass("active-thumb");
				$(".stripNav ul li a").eq(curclicked).trigger('click');
			
			theInt = setInterval(function(){
				$crosslink.removeClass("active-thumb");
				$navthumb.eq(curclicked).parent().addClass("active-thumb");
				$(".stripNav ul li a").eq(curclicked).trigger('click');
				curclicked++;
				if( 6 == curclicked )
					curclicked = 0;
				
			}, 3000);
		};
		
		$(function(){
			
			$("#main-photo-slider").codaSlider();
			
			$navthumb = $(".nav-thumb");
			$crosslink = $(".cross-link");
			
			$navthumb
			.click(function() {
				var $this = $(this);
				theInterval($this.parent().attr('href').slice(1) - 1);
				return false;
			});
			
			theInterval();
		});
	</script>


</head>
<body>



<div id="page-wrap"> 							
	<div class="slider-wrap"> 
		<div id="main-photo-slider" class="csw"> 
			<div class="panelContainer"> 
 
				<div class="panel" title="Panel 1"> 
					<div class="wrapper"> 
						<img src="FeaturedContentSlider/images/tempphoto-1.jpg" alt="temp" /> 
						<div class="photo-meta-data"> 
							Photo Credit: <a href="http://flickr.com/photos/astrolondon/2396265240/">Kaustav Bhattacharya</a><br /> 
							<span>"Free Tibet" Protest at the Olympic Torch Rally</span> 
						</div> 
					</div> 
				</div> 
				<div class="panel" title="Panel 2"> 
					<div class="wrapper"> 
						<img src="FeaturedContentSlider/images/tempphoto-2.jpg" alt="temp" /> 
						<div class="photo-meta-data"> 
							Chicago Bears at Seattle Seahawks<br /> 
							<span>Fifth field goal, overtime win for the Seahawks</span> 
						</div> 
					</div> 
				</div>		
				<div class="panel" title="Panel 3"> 
					<div class="wrapper"> 
						
						<img src="FeaturedContentSlider/images/scotch-egg.jpg" alt="scotch egg" class="floatLeft"/> 
						
						<h1>How to Cook a Scotch Egg</h1> 
						
						<ul> 
							<li>6 hard-boiled eggs, well chilled (i try to cook them to just past soft boiled stage, then stick them in the coldest part of the fridge to firm up)</li> 
							<li>1 pound good quality sausage meat (i used ground turkey meat, seasoned with sage, white pepper, salt and a tiny bit of maple syrup)</li> 
							<li>1/2 cup AP flour</li> 
							<li>1-2 eggs, beaten</li> 
							<li>3/4 cup panko-style bread crumbs</li> 
							<li>Vegetable oil for frying</li> 
						</ul> 
					</div> 
				</div> 
				<div class="panel" title="Panel 4"> 
					<div class="wrapper"> 
						<img src="FeaturedContentSlider/images/tempphoto-4.jpg" alt="temp" /> 
						<div class="photo-meta-data"> 
							A Poem by Shel Silverstein<br /> 
							<span>Falling Up</span> 
						</div> 
					</div> 
				</div> 
				<div class="panel" title="Panel 5"> 
					<div class="wrapper"> 
						<img src="FeaturedContentSlider/images/tempphoto-5.jpg" alt="temp" /> 
						<div class="photo-meta-data"> 
							New Video on CSS-Tricks<br /> 
							<span>Using Wufoo for Web Forms</span> 
						</div> 
					</div> 
				</div> 
				<div class="panel" title="Panel 6"> 
					<div class="wrapper"> 
						<h1>A Tale of Two Cities</h1> 
						<p><em>Charles Dickins</em></p> 
						<blockquote>It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair, we had everything before us, we had nothing before us, we were all going direct to heaven, we were all going direct the other way - in short, the period was so far like the present period, that some of its noisiest authorities insisted on its being received, for good or for evil, in the superlative degree of comparison only.</blockquote> 
					</div> 
				</div> 
 
			</div> 
		</div> 
 
		<a href="#1" class="cross-link active-thumb"><img src="FeaturedContentSlider/images/tempphoto-1thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a> 
		<div id="movers-row"> 
			<div><a href="#2" class="cross-link"><img src="FeaturedContentSlider/images/tempphoto-2thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div> 
			<div><a href="#3" class="cross-link"><img src="FeaturedContentSlider/images/tempphoto-3thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div> 
			<div><a href="#4" class="cross-link"><img src="FeaturedContentSlider/images/tempphoto-4thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div> 
			<div><a href="#5" class="cross-link"><img src="FeaturedContentSlider/images/tempphoto-5thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div> 
			<div><a href="#6" class="cross-link"><img src="FeaturedContentSlider/images/tempphoto-6thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div> 
		</div> 
 
	</div> 
	
	</div> </div> 



</body> 
  #15 (permalink)  
Antiguo 22/08/2009, 11:52
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 5 meses
Puntos: 361
Respuesta: Como hago esto (?)

Hola:

Cita:
Iniciado por WilyDesign Ver Mensaje
Yo recien comienzo en esto de códigos en ajax.
Entonces, mejor empieza por este manual de AJAX. Te será más útil que andar pidiendo códigos cada vez que necesites algo.

Saludos.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:53.