Se necesitan varios scripts "de peso" (query, scriptacolous-prototype, Mootools, librería Yahoo...) para reunirlos de la siguiente manera:
.- SCRIPTS:
Primero un link al CSS:
<link href='http://junioscripts.googlepages.com/shadowbox.css' rel='stylesheet' type='text/css'/>
Ahora, los scripts:
<script src='http://junioscripts.googlepages.com/lib_yui-utilities.js' type='text/javascript'/>
<script src='http://junioscripts.googlepages.com/adapter_shadowbox-yui.js' type='text/javascript'/>
<script src='http://junioscripts.googlepages.com/shadowbox.js' type='text/javascript'/>
<script type='text/javascript'>
window.onload = Shadowbox.init;
</script>
.- EL HTML: hace falta un "rel" para llamar a la shadowbox (igual que en tiodas las lightbox) y las especificaciones de cada tipo de presentación (vuelvo a remitir a la página del autor... es que son muchas las posibilidades...)
<a rel="shadowbox[Mixed];options={counterType:'skip',continuous:true}" class="option" title="JPG" href="http://mjijackson.com/shadowbox/gallery/aston_martin/vanquish.jpg">Mixed Content Gallery</a>
<a rel="shadowbox[Mixed];width=520;height=390" class="hidden" title="SWF" href="http://mjijackson.com/shadowbox/gallery/caveman.swf">swf</a>
<a rel="shadowbox[Mixed];width=292;height=218" class="hidden" title="MPEG-4" href="http://mjijackson.com/shadowbox/gallery/kayak.mp4">movie</a>
<a rel="shadowbox[Mixed]" class="hidden" title="IFRAME" href="http://mjijackson.com/shadowbox/index.html">iframe</a>
Este es el ejemplo mixto que da el autor, para que se vean todas las funcionalidades.
Se puede, además de crear galerías, mostrar cada elemento de forma individual.
Creo que es la lightbox que más me gusta de todas (junto con la slimbox, claro)
Soporta prácticamente todos los frameworks, muy completa, veo que usa la aplicación del JPG Rotator del otro día para los videos en flash.
ResponderEliminarEl Top Panel que tienes en el mismo blog de pruebas si que me funciona en IE6 solo que se ve más estrecho, de todas formas solo uso Firefox xDDD
Ajá...la diferencia está en que soporta vídeos musicales, del tipo YouTube, por ejemplo... pero no "playlists", de las que hay variaciones a montón para el rotator.
ResponderEliminarLa verdad es que a mí me basta con el primero...
El top-panel... le veo utilidad para mostrar advertencias, del tipo "dónde se hacen los comentarios", "navegadores que soportan la página"... de todas maneras, su espacio es bastante limitadito.
Casi todas estas "cosas" funcionan en modernos navegadores... y te advierten que si llevas una "antigüalla" te quedas con las ganas.
Yo tengo IE7 y Firefox... pero ya no me caben más navegadores en este pc, por mucho que quiera, je... así que me alegro de que me digas que va bien en IE6 :D
Hola un saludo a todos, a ver soy nuevo en todo esto, tengo un blog de enlaces a videos en blogger y me gustaria meterle el Shadowbox me lo he bajado pero no tengo ni idea de como añadirlo al blog, agradeceria mucho si me dierais unos consejos muchas gracias.
ResponderEliminarAlex.
alx642@hotmail.com
Hola Alex:
ResponderEliminarEs muy fácil: lee la entrada donde dejaste el comentario y ahí tienes todos los pasos para colocarte la shadowbox en tu blog.
Los links al CSS, que los puedes colocar al comienzo de tu plantilla, dentro del "skin", o antes del cierre de la tag "head". El HTML lo colocas en el sito de tu plantilla donde quieras ver tu shadowbox (p.e. en las entradas). Tú sigue los pasos y verás que te va a salir. Pero si tienes alguna duda en concreto, me lo comentas e intentamos solucionarlo, ¿vale?.
Un saludo (igual tardo en conterstar, porque llevo unos días muy liada y, espero, tomarme unos días de vacaciones. Pero contestarte, te ontesto en cuanto pueda :) )
PD: Se me olvidaban los scripts. Colócalos antes del cierre "head" de tu plantilla. Sólo cambia el HTML, para colocarla URL del vídeo que quieres incluir en tu shadowbox.
ResponderEliminarNada no hay manera debo ser muy torpe o no se... he echo todo como me dijiste pero no funciona, te agradeceria que me lo explicaras un poco mejor porque no hay manera, nose tiene que subir nada a blogger ningun scrit de java?muchas gracias por tu paciencia, un saludo.
ResponderEliminarhola, pues nada no hay manera debo de ser muy torpe... probe como me dijiste pero no funciono, nose si tengo que subir algun scrit de java a blogger etc... te agradeceria muchisimo que me lo explicaras mejor, un saludo.
ResponderEliminarHum... pues no sé qué decirte, Alex, salvo que de torpe nada: seguramente es un detalle de nada (que sobra o falta) y que te joroba el funcionamiento.
ResponderEliminarNo creo que sea cosa de que te falte algo, (salvo que incluyas alguna animación en flash o algo en quicktime... pero en esos casos ya no se verían desde el iinicio, antes de introducir la lightbox).
Igual el problema está en el HTML, cuando vas a enlazar (embed) los vídeos dentro de la shadowbox... ¿has comprobado que las direcciones de los vídeos están correctas?. Date cuenta que si quieres meter unos cuantos dentro de la shadowbox tienes que colocar en el "rel" y entre corchetes alguna "pista" para que los reconozca como parte del mismo grupo.
También puede pasar algo bastante corriente: como la shadowbox lleva query y scriptacolous... igual tienes algún script en el blog con el que están interfiriendo. En estos casos, alguno de los scripts no funciona. Sencillamente porque "se da de bofetadas" con otro: con mootools, con otra versión de query...
Puedes intentar lo que hago yo muchas veces cuando no veo nada que aparentemente falle en los scripts y, sin embargo, no me funcionan: probar en un blog "en blanco", nuevecito. Si ves que aquí funciona, pues... es que en el otro blog está interfiriendo con otro script.
Prueba a ver y me comenas si por ahí puedes solucionar algo, ¿vale?. Pero no desesperes, porque estas cosas son a veces muy pesadas y fallan por la tontería más grande.
Un saludo.
Bueno pues porfin lo consegui siguiendo tus consejos, probe con un blog en blanco y funciono, te estoy muy agradecido hace falta mas gente como tu.
ResponderEliminarUn saludo y gracias :-)
¡No sabes cuánto me alegro, Alex! :D
ResponderEliminarGracias por comentarme que ya lo tienes; y sólo me queda desearte muy buena suerte con tu blog :)
Hay un problema con todos los lightbox y shadowbox. Es cuando existe en la etiqueta "body" una precarga de imagenes
ResponderEliminarejemplo:
body onload="MM_preloadImages('images/galeria/bali8.jpg')"
Entonces no funciona el lightbox o shadowbox, pues genera conflicto con el codigo:
window.onload = function(){
Shadowbox.init();
Alguien conoce la solucion?
El problema no está en las lightboxes, sino en el conflicto que provoca tu "bodyOnload" con cualquier Window.Onload: Tienes scripts que han de ejecutarse con preferencia y el BodyOnload los "estorba".
ResponderEliminarLa solución pasaría bien por
1).- olvidarte de la función Window.onload en tu shadowbox y sustituirla por una DOMready: Te he encontrado un ejemplo práctico en este foro de Shadowbox.js, donde viene muy bien explicado.
b).- También puedes eliminar el window.Onload=" " del script e incluir la función a la que se refiere ("init") dentro del bodyOnload:
onload="preloadImages(); init()"
Ambas soluciones tienen el mismo contenido. Espero que algo de ésto te resuelva el problema...
hola!!!
ResponderEliminarNo saben como hacer q funcione desde in iframe? ya lei las instruciones pero no entiendo :(. Tengo un html normal y dentro de este tengo un iframe y quiero q la galeria se vea ensima del html normal q contiene el iframe ;( como lo ago? :( sniffffffffff
Hola!!! Una pregunta... que pasa cuando tenés dos galerías mixed shadowbox en un wordpress que se duplican en vez de tener cada una su información? Como se puede resolver el problema?
ResponderEliminarHola, nore:
ResponderEliminarTendría que ver tu página para poder comprobar dónde tienes el iframe y cómo se te coloca la Shadowbox en él.
En general, es sólo cuestión de posicionarla bien en el HTML de la plantilla, pero ya te digo... necesitaría verlo...
Hola, Malena:
ResponderEliminarLo cierto es que trabajo muy poquito con Wp, por lo que no he probado allí la Shadowbox.
De todas formas, yo creo que lo que te sucede es que algo en tu HTML está "ordenando" esa duplicidad. Cuando tenemos muchas imágenes y más si hay dos galerías, es fácil confundirse en el HTML.
Neceditaría ver tu plantilla para descubrir dónde está el error... así sin verlo, poco más podría decirte...
¡¡Saludos!!
Sólo por comprobar una cosa ...
Eliminar