Excelente 8 Slider en 1, Videos y Imagenes

Finer 2 Mar, 2013, 5:38 pm

Bueno creo que me voy a quedar con este que es mucho mas simple pide menos js que el otro que postie, en general esta mucho mejor este Wink

Mucho mas simple de instalar

-----------------------------------------------

1) Descargamos los archivos http://www.menucool.com/slider/download/...Slider.zip
Contiene al principio Themes,Images (NO SE USA IMAGES),Generic.css y Demos

2)Ponemos la carpeta completa de themes en nuestra ftp es decir public_html y la ponemos ai con la que esta con mybb al principio
(Les sugieron que borren las carpetas de adentro de "themes" los slider que no usemos es decir ai 8 carpeta en esas carpetas ai diferentes slider es decir la carpeta 1 (slider 1) carpeta 2 (slider 2) asi por eso esta muy bueno esto TIENE 8 SLIDER DIFERENTES
Es decir elegimos un Slider ejemplo yo elegi el 6 y luego borre las otras carpeta 1-2-3 ya que voy a usar el 6 si no seria acumulacion alpedo)
Como dige ponemos la carpeta themes en public_html con el slider elegido.
La carpeta images (no se usa)

3) Adentro del slider elegido tenemos los JS los dejamos adentro de esa carpeta y no tocamos nada, es decir solo tenemos que pasar la carpeta "Themes" y nada mas Wink

(PD: se borra solo el archivo CSS ya que lo podremos en nuestro global CSS)

4) Agarramos el archivo CSS del slider que elegimos lo abrimos los copiamos y lo ponemos en nuestro CSS Global (esto nos facilitara para editar los css del slider a nuestro gusto)

5) Cuando tenemos todo hecho agarramos los archivos del principio "demos" tenemos que abrir los "demos" es decir al principio del winrar teniamos 8 demos, abrimos con el bloc de notas el demo elegido, como repito antes elegi el 6 entonces usare el demo 6, adentro nos trae los archivos HTML.

5/2) Ponemos el HTML donde queramos que este el slider, usualmente se usa en el index

6) Y Terminamos tenemos nuestro slider tecnicamente no creo que halla problemas con las rutas del JS ya que cuando vi adentro vienen asi
themes/6/js-image-slider.js es decir ya lo tenemos configurado si ponemos las carpeta tal como dige.

7) Luego en CSS Global ai que fijarse en corregir algunas imagenes y ponerles la rutas bien, son solo 2 imagenes los botoncitos y no me acuerdo el otro.

DEMOS:
http://www.menucool.com/javascript-image-slider
http://foro-genshiken.skn2.com/

Creditos al creador: http://www.menucool.com/javascript-image-slider

Última modificación: 2 Mar, 2013, 5:44 pm por fabiibiografiia.

[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]

arielmachini 3 Mar, 2013, 8:06 am

Que buen plugin, che... por cierto, muy bueno tu foro, suerte Tongue

Xpress 3 Mar, 2013, 8:14 am

Encontraste el mismo Slide que yo, seguramente porque se está haciendo muy conocido ultimamente ya que es gratis.
Es uno de los mejores que he visto, ya que lo habia implementado en una web y se puede cambiar los botones, las posiciones, los efectos, es bien versátil.

Glas 3 Mar, 2013, 8:55 pm

welp, no se me ven las imagenes D:

[Imagen: 2bMZi]

Finer 3 Mar, 2013, 9:05 pm

El slider anda en tu foro seguro es porque pusiste mal las rutas de las imagenes o cambiaste algo, recien entre en tu foro y el slider anda pero las imagenes no.
Abras copiado mal el html que te vino en tu demo.

Yo puse mis imagenes por medio de url.

[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]

Glas 3 Mar, 2013, 9:06 pm

(3 Mar, 2013, 9:05 pm)Finer escribió: El slider anda en tu foro seguro es porque pusiste mal las rutas de las imagenes o cambiaste algo, recien entre en tu foro y el slider anda pero las imagenes no.
Abras copiado mal el html que te vino en tu demo.

Yo puse mis imagenes por medio de url.

Eso es lo mismo que yo pense pero mira

Código:
<div id="sliderFrame">

        <div id="slider">

            <a href="http://www.beatdj.net/foros/games.php" target="_blank">

                <img src="images/ads/arcade.jpg" alt="¿Estas aburrido? Visita nuestra seccion de juegos! has clic!" />

            </a>

<a href="http://www.synchtube.com/r/beatdj" target="_blank">

                <img src="http://www.beatdj.net/foros/images/ads/konamiwillsue.png" alt="¿Quieres escuchar musica en vivo sobre beatgames? Has clic!" />

            </a>

<a href="http://www.beatdj.net/foros/Forum-Preguntas-Frecuentes-FAQ" target="_blank">

                <img src="http://www.beatdj.net/foros/images/ads/faq.jpg" alt="¿Tienes alguna duda sobre la comunidad o el foro? ¿Tienes problemas para descargar? Has clic!" />

            </a>

<a href="http://www.beatdj.net/foros/Forum-Eventos-y-Juntas" target="_blank">

                <img src="http://www.beatdj.net/foros/images/ads/bannercasual.jpg" alt="Enterate de las juntas y eventos de la comunidad! has clic!" />

            </a>

<a href="http://www.beatdj.net/foros/djmax.php" target="_blank">

                <img src="http://www.beatdj.net/foros/images/ads/technika.jpg" alt="Juegas DJMAX Technika 3? Visita el ranking nacional!  has clic!" />

            </a>

        </div>

          <div id="htmlcaption" style="display: none;">

            <em>HTML</em> caption. Link to <a href="http://www.google.com/">Google</a>.

        </div>

    </div>

eso lo tire dentro del header como del index y nada
el JS esta en headerinclude y el css via ACP en Estilos

http://www.beatdj.net/foros/images/ads/technika.jpg

Podrias hecharme una mano?

Última modificación: 3 Mar, 2013, 9:09 pm por j3suss.

Finer 3 Mar, 2013, 9:15 pm

Que demo elegiste?

Por cierto despues de la url aparece target="_blank"

Estoy en tu foro y me aparece con el firebug despues de las imagenes un css raro

Código PHP:
<?php 

<div id="sliderFrame">

        <div id="slider" style="background: url(&quot;http://www.beatdj.net/foros/images/ads/faq.jpg&quot;) no-repeat scroll 0% 0% transparent;">

            <a target="_blank" href="http://www.beatdj.net/foros/games.php" style="display: none;" class="imgLink">

                <img alt="¿Estas aburrido? Visita nuestra seccion de juegos! has clic!" src="images/ads/arcade.jpg" class="qndylyqelymhzvxvgxvx" style="display: none;">

            </a>

<a target="_blank" href="http://www.synchtube.com/r/beatdj" style="display: none;" class="imgLink">

                <img alt="¿Quieres escuchar musica en vivo sobre beatgames? Has clic!" src="http://www.beatdj.net/foros/images/ads/konamiwillsue.png" class="qndylyqelymhzvxvgxvx" style="display: none;">

            </a>

Proba sacando las url y dejando las imagenes sola.

[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]