Close


Ir arriba

Tema: Tutorial [CSS][HTML] ¿Cómo poner Slide de imágenes en mi página web? / [Resuelto]  (Leído 8631 veces)

0 Usuarios y 1 Visitante están viendo este tema.

"Web & Video"
Vip
*
922 Mensajes
200 Temas
877 coins
0 puntos
Calificación: 0
Actividad
0%
Medallas Totales: 31
Coleccionista de Premios Nivel 6 Usuario Linux Cuarto Aniversario
* Hummano
Mensaje Iniciador
09 de Jun de 2011, 07:36 am
Hola a todos,
La razón de este tutorial es que muchos me andan preguntando... ¿Cómo los pongo en mi página web?, la respuesta en este post

Lo que necesitamos..
1. Descargar Slide de imágenes haciendo clic aquí
2. Si la página web la estás haciendo en su PC, es decir, si no está alojada aún, al descargar el Slider de imágenes, lo descomprimimos dentro de la carpeta de su página web, deben de quedar todas las carpetas juntas a las de la raiz de la página...
3. Al tener los archivos descompromidos en la carpeta de su página web, abrimos en bloc de notas, notepad   o en dreamweaver el archivo index.html, si tienes el nombre del inicio de su página web con el nombre igual a index.html, solo cambiale el nombre a el archivo que vino con el Slide de imágenes..
Retomemos..
..3.. Abrimos el archivo que vino con el Slide de imágenes que como ya lo dijimos es el index.html y abrimos el archivo donde tienes el inicio de su página web, al tener los dos abiertos, vamos primero al archivo de Slide de imágenes (index.html, no al inicio de su página), copiamos este código...

Código: [Seleccionar]
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="js/swfobject/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.xml = "config.xml";
flashvars.font = "font.swf";
var attributes = {};
attributes.wmode = "transparent";
attributes.id = "slider";
swfobject.embedSWF("cu3er.swf", "cu3er-container", "960", "270", "9", "expressInstall.swf", flashvars, attributes);
</script>

.. Y lo pegamos de forma tal que quede dentro de la etiqueta <head></head> y justamente después de la etiqueta <title></title>...

4. Ahora vamos a copiar el siguiente código..

Código: [Seleccionar]
<!--Toprow Begin-->
<div id="toprow">
  <div class="center">
    <div id="cubershadow">
      <div id="cu3er-container"> <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="" /> </a> </div>
    </div>
  </div>
</div>
<!--Toprow END-->

..» y lo vamos a pegar dentro de la etiqueta <body></body> del archivo del inicio de su página web ORIGINAL (ya usted decide en que parte la pone, obligatoriamente dentro de la etiqueta <body>)
 
5. Cerramos el archivo de donde venía el Slide de imágenes y damos NO GUARDAR, y guardamos el archivo orginal de su página web !





¿Dudas?, comenta

Saludos, acepto agradecimientos y críticas

No se olviden de entrar a www.esvefe.com, hay muchas plantillas con buenos diseños, algunas traen slide de imágenes de distintos tipos.
"Te Odio Cebolla & Sharpay :@"
Dios(a) del Foro
*
2957 Mensajes
300 Temas
157 coins
0 puntos
Calificación: 0
Actividad
0%
Medallas Totales: 34
Coleccionista de Premios Nivel 6 Super Combinación Combinación
Mi inventario1-windowsvista.gif2-invasor.png2-twitter.png2-google.png1-GTA.png1-CS.png
* pimp
Respuesta #1
09 de Jun de 2011, 06:04 pm
Segun veo eso es Flash O.o

HiguaiiN una vez posteo uno de javascript ;)

prefiero el de javascript >.<
"Web & Video"
Vip
*
922 Mensajes
200 Temas
877 coins
0 puntos
Calificación: 0
Actividad
0%
Medallas Totales: 31
Coleccionista de Premios Nivel 6 Usuario Linux Cuarto Aniversario
* Hummano
Respuesta #2
09 de Jun de 2011, 07:30 pm
También lo tengo en JavaScript ! ;)

Igual tienen la misma funsión, o me equivoco?
"Te Odio Cebolla & Sharpay :@"
Dios(a) del Foro
*
2957 Mensajes
300 Temas
157 coins
0 puntos
Calificación: 0
Actividad
0%
Medallas Totales: 34
Coleccionista de Premios Nivel 6 Super Combinación Combinación
Mi inventario1-windowsvista.gif2-invasor.png2-twitter.png2-google.png1-GTA.png1-CS.png
* pimp
Respuesta #3
10 de Jun de 2011, 07:56 am
También lo tengo en JavaScript ! ;)

Igual tienen la misma funsión, o me equivoco?

no pero puede dar problema de que alguien no tenga flash etc,etc
ademas el JavaScript lo ejecuta el navegador mientras que el Flash es el Flash Player
"Web & Video"
Vip
*
922 Mensajes
200 Temas
877 coins
0 puntos
Calificación: 0
Actividad
0%
Medallas Totales: 31
Coleccionista de Premios Nivel 6 Usuario Linux Cuarto Aniversario
* Hummano
Respuesta #4
10 de Jun de 2011, 08:04 am
no pero puede dar problema de que alguien no tenga flash etc,etc
ademas el JavaScript lo ejecuta el navegador mientras que el Flash es el Flash Player

:S

Después monto otro en JavaScript !

No habia pensando en esa posibilidad de error

Gracias igual !
  • 8631 Visitas
  • 0 Favoritos


xx
[Descarga] Slide de imágenes para su página web [Efectos]

Iniciado por Nigger

11 Respuestas
4370 Vistas
último mensaje 02 de Jun de 2011, 06:28 pm
por Tuyo☻
xx
Cómo poner una redirección con Html

Iniciado por John Kramer

3 Respuestas
99 Vistas
último mensaje 23 de Oct de 2012, 08:48 am
por Potato
xx
[Tutorial] | Cómo crear un menú estilo Windows 8 con HTML,CSS Y JQuery

Iniciado por Spiderman

4 Respuestas
468 Vistas
último mensaje 02 de Jun de 2013, 03:24 pm
por bool