knorrigt.com

Home > Internet > Cómo hacer un jQuery Uso de la onda de Transición

Cómo hacer un jQuery Uso de la onda de Transición

Advertisement

Cómo hacer un jQuery Uso de la onda de Transición

JQuery es una biblioteca de código JavaScript que le permite animar ciertas cosas, tales como presentaciones de diapositivas, en su página web. Para hacer una transición de onda en una presentación de diapositivas usando jQuery, utilizar el plugin jqFancyTransitions: crear una carpeta en el servidor Web, añadir el archivo de código plugin para él, y el código de la presentación de diapositivas con una transición de las olas en el código HTML de la página Web en la que jQuery que desea que aparezca.

Instrucciones

  • 1

Abra su programa de FTP preferido y conectarse a su servidor Web.

2

Crear una nueva carpeta en la carpeta raíz. El nombre de "js".

3

Sube todas las fotos que desea mostrar en la presentación de su servidor Web. Tome nota de las direcciones URL de cada una de las fotos. Será necesario que los introduzca en el código HTML de la página web más tarde.

4

Ir a la página de descarga jqFancyTransitions y descargar la última versión del plugin jqFancyTransitions (ver Recursos).

5

Sube el archivo de código jqFancyTransitions en los nuevos "js" carpeta que ha creado.

6

Abra el archivo de código HTML de la página Web que desea agregar las diapositivas con una transición de onda a.

7

Localizar el lugar en la página en la que desea agregar y haga clic en la presentación de diapositivas para mover el cursor allí, a continuación, escriba lo siguiente en el código HTML:

<Script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js&quot;
type = "text / javascript"> </ script>
<Script src = "/ js jqFancyTransitions.js" type = "text / javascript"> </ script>

Esto le permite incluir jQuery en su página. La primera etiqueta de script le permite incluir jQuery desde los servidores de Google, que es más rápido y más fácil de usar que lo aloja en su propio servidor.

8

Escriba lo siguiente para crear un espacio para la presentación de diapositivas e incluir sus imágenes de diapositivas en la página:

<Div id = "waveslideshow>
<Img src = '

"Alt =" Imagen 1 "/>
<Img src = '

'Alt =' Imagen 2 '/>
</ Div>

Reemplazar "http://site.com/pic1.jpg&quot; y" http://site.com/pic2.jpg&quot; con las URL de sus imágenes y el texto y "Imagen 1" "Foto 2" con el texto alternativo para las imágenes. Añadir más imágenes, si se desea, usando el "<img src =" URL Aquí 'alt =' Texto alternativo Aquí "/>" estructura, insertar su propio URL y texto alternativo para cada uno.

9

Escriba lo siguiente:

<Script>
$ (Document) ready (function () {

$('#slideshowHolder').jqFancyTransitions({ width: X, height: X, effect: 'wave' });

});
</ Script>

Vuelva a colocar la "X" después de "ancho" con el ancho deseado de la presentación de imágenes en píxeles. Vuelva a colocar la "X" después de "altura" con la altura deseada de la presentación de imágenes en píxeles.
Esto crea una presentación de diapositivas con la transición de la onda en su página web.

10

Guarde el archivo de página Web HTML y subirlo a su sitio web.

Consejos y advertencias

Compruebe el sitio web después de que haya terminado para asegurarse de que la página se muestra correctamente.

Cómo hacer un sitio web de la onda de Animación
Es fácil hacer animaciones simples para su sitio web utilizando programas de edición de imágenes. En este artículo vamos a usar GIMP como un ejemplo. GIMP es un programa de código abierto similar a Photoshop, pero a diferencia de Photoshop es gratuit
Cómo hacer pegatinas El uso de un trazador
Pegatinas se pueden hacer en trazadores de inyección de tinta y plotters de corte de vinilo. Un plotter de corte de vinilo en realidad reduce letras y diseños de vinilo adhesivo, mientras que un plotter de inyección de tinta puede imprimir imágenes d
Mientras que Chrome es normalmente un navegador rápido y ligero, un uso intensivo puede convertirlo en un cerdo de la memoria. Debido a problemas de memoria en Chrome tienen múltiples causas, no hay una solución que se garantiza que funcione cada vez
Cómo hacer un folleto Uso de Word Perfect
Un folleto es un folleto tríptico que proporciona información acerca de su organización, empresa o producto. Folletos llaman la atención de los clientes y clientes potenciales mediante el uso de gráficos brillantes o llamativos y texto interesante. D
Cómo hacer un Mandala Uso de Photoshop
Mandalas pueden parecer diseños abstractos llenos de formas simples, pero su importancia se remonta siglos. Mandalas han sido utilizados por los monjes tibetanos, los pacientes con cáncer y las personas sometidas a estrés mental para practicar técnic
JQuery es una biblioteca JavaScript que simplifica el scripting de ciertas funciones de JavaScript. Se puede hacer referencia a las funciones de jQuery al escribir la secuencia de comandos para salvarse de la escritura manual a cabo varias líneas de
Cómo hacer Estante Etiquetas uso de Microsoft Office
Los componentes de la suite Microsoft Office pueden ser claramente delimitada a través de las líneas de software de procesamiento de textos y autoedición, pero cuando se utiliza Word y Publisher para crear materiales, tales como etiquetas de estantes
Cómo hacer películas impresos Uso de Photoshop
Uno de los artículos de colección más caliente es el póster de la película. Aparte de cualquier valor monetario, apreciamos la belleza posters 'y la increíble habilidad que se tardó en hacerlas. Pero gracias a Photoshop, que no tienen que simplemente
Cómo hacer un Acapella Uso de GoldWave
GoldWave GoldWave del Incorporated es sólo para Windows aplicación de grabación y edición integral, de audio. Incluye una variedad de procesadores y efectos incorporados, uno de los cuales se pueden utilizar para aislar las voces de una grabación est
Cómo hacer un folleto Uso de Photoshop
Folletos ayudan a promover su negocio por el embalaje de una gran cantidad de información en un paquete relativamente pequeño que puede ser enviado por correo, colocado en bastidores folleto o hacia la izquierda en los mostradores de escaparate. Esta
Puede que se sorprenda cuando Mozilla Firefox 31 se inicia repentinamente con el proveedor de búsqueda de Yahoo en lugar de Google para realizar búsquedas; y que podría ser aún más sorprendido al saber que usted estuvo de acuerdo con este cambio al i
Cómo hacer un boletín Uso de Adobe PageMaker 7
PageMaker fue el paquete original de software de autoedición. Introducido en 1985 para el Apple Macintosh, se convirtió en la "aplicación asesina" que empujó tanto PageMaker y el Mac a la vanguardia de una revolución que cambió la publicación. P
Cómo hacer un post Uso de Fiddler
El violinista es una herramienta de depuración HTTP creado por Microsoft desarrollador Eric Lawrence. Se puede utilizar Fiddler para capturar todo el tráfico HTTP entre una aplicación, como por ejemplo un navegador web y un servidor, lo que le permit
Uso de Photoshop selección, orientación, color y herramientas de texto para crear un tema básico para Tumblr. Si desea personalizar su tema, busque primero en temas que otros han hecho y determinar las cosas específicas que le gusta de temas seleccio
Cómo hacer un .SFV Uso de WinRAR
Utilice los menús de contexto utilidad WinRAR para crear archivos SFV para garantizar la integridad de los archivos y las descargas de archivos después. SFV almacenar archivos CRC32 o 32 bits de comprobación de redundancia cíclica Verificar para los
Cómo hacer un pato Uso de un teclado QWERTY
Usando el teclado QWERTY para dibujar caras o animales puede ayudar a enseñar a los niños la colocación de letras en el teclado. Estas caras o animales son llamados emoticonos. A menudo se extraen durante la conversación. El emoticono pato es poco fr
Una maravillosa manera de personalizar las tarjetas con un toque personal es crear tarjetas usando sus propias fotos como el foco. Tal vez usted es un fotógrafo y desea utilizar su paisaje o paisajes urbanos como los centros de mesa para sus tarjetas
Cómo hacer que los labios Uso de texto
Enviando un beso a través de mensajería instantánea, correo electrónico o de texto es relativamente sencilla. Con Internet y los mensajes de texto siendo el método principal de la mayoría de la gente de la comunicación, hay muchas maneras de expresar
El software especial puede ayudarle a crear su propio cómic si encuentra la tarea de enormes proporciones demasiado o duda de su propia habilidad artística. "Comic Book Creator" hace todo el trabajo duro, como hacer el diseño y paneles para uste