¿Cómo hago un formulario de "sliders"?

Ruiz86 · 11 Oct 2015

Buenas, necesito hacer lo siguiente:

Desconozco si javascript es la mejor opción, me da igual como se haga mientras funcione.
Cada zona negra sería un bloque que contiene un código de html+css, pero no en formato código, sino un html que se visualiza.
Cada bloque a través de las flechas realiza la función de "slider", osea desaparece esa zona/bloque y me muestra otra.
La idea es que cuando escoja la combinación de los 3 bloques de html que más guste, se envíe el id escogido de cada bloque por formulario.

¿Hay algún programador que pueda realizar este servicio?

Scandal280992 · 11 Oct 2015

Básico, pero tal ves te guié un poco: https://www.youtube.com/watch?v=ZIh0hZ1uau8

Ruiz86 · 11 Oct 2015

Gracias pero no es lo que busco, necesito que estén en un formulario para enviar el valor del "slider" selecionado, por eso lo pongo entre comillas porque no sería un slider realmente.

JorBit · 11 Oct 2015

Ruiz86 dijo:
Gracias pero no es lo que busco, necesito que estén en un formulario para enviar el valor del "slider" selecionado, por eso lo pongo entre comillas porque no sería un slider realmente.

Eso lo haces con javascript o jQuery

Ruiz86 · 11 Oct 2015

JorBit dijo:
Eso lo haces con javascript o jQuery

Si, suponía que debía ser así pero llevo un buen rato buscando ejemplos para guiarme y no encuentro. ¿Puedes dejarme alguno?

arnego2 · 11 Oct 2015

Ruiz86 dijo:
Si, suponía que debía ser así pero llevo un buen rato buscando ejemplos para guiarme y no encuentro. ¿Puedes dejarme alguno?

Espero que te sirven estas lineas 🙂

Dentro del <head> tag
<script type="text/javascript">
var image1 = new Image()
image1.src = "images/nombre-de.png"
var image2 = new Image()
image2.src = "images/nombre-de.gif"
var image3= new Image()
image3.src="images/nombre-de.gif"
var image4=new Image()
image4.src="images/nombre-de.gif"
</script>

Dentro de <header> o <body>
<p><img src="images/primer-nombre-de.gif" width="xxx" height="xxx" name="slide" alt="Lo que quieres poner" /></p>
<script type="text/javascript">
var step=1;
function slideit()
{
document.images.slide.src = eval("image"+step+".src");
if(step<4)
step++;
else
step=1;
setTimeout("slideit()",2500);
}
slideit();
</script>

Saludos

Ruiz86 · 11 Oct 2015

Gracias, con eso ya puedo desarrollar lo que necesito.

Un saludo! :encouragement:

CiberCode · 11 Oct 2015

busca un plugin de jquery bxSlider configuras de tal manera que solo me muestre un item y colocas tu codigo html dentro cada item como un formulario con sus inputs y bottons
ejem:

<form action="" method="">
<ul id="bxslider">
<li>code</li>
<li>code</li>
<li> code </li>
</ul>
</form>

Ruiz86 · 25 Oct 2015

Busco programador que me realice este código.

Publikalia · 30 Oct 2015

Mensaje privado enviado. Espero información

¿Cómo hago un formulario de "sliders"?

Ruiz86

Scandal280992

Ruiz86

JorBit

Ruiz86

arnego2

Ruiz86

CiberCode

Ruiz86

Publikalia

Temas similares