Aquí podrás hablar de cualquier cosa relacionada con la tecnología y la informática: software, hardware, internet, problemas con tu PC, robótica, I+D+i, etc.
Moderator: Viento
-
will-o-the-wisp
- Panacea Definitiva
- Posts: 2466
- Joined: 20 Dec 2009, 14:00
- PSN ID: oh_mike_dog
- Location: Zaragoza
Post
by will-o-the-wisp » 02 Mar 2011, 22:24
¡Gracias! Ahora sí que lo acepta. Entonces, si no he entendido mal, en <img src=" " /> tendría que invocar a la función willearThumbnail con el youtubeID como argumento, ¿no?
Pero si pongo esto, no aparece nada en la página:
Code: Select all
<a href="javascript:willear('-p3atsZRPLc')"><img src="javascript:willearThumbnail('-p3atsZRPLc')"/></a>
Lo más probable es que haya cometido una burrada xD
-
Viento
- Cie'th Ateo
- Posts: 7905
- Joined: 13 Aug 2009, 00:41
Post
by Viento » 03 Mar 2011, 01:51
No hace falta todo eso, basta con invocar la función con un script:
Code: Select all
<script>willearThumbnail('-p3atsZRPLc')</script>
la función willearThumbnail se encarga de dibujarte todo lo relativo a la imagen, el enlace y el resto de capas
-
will-o-the-wisp
- Panacea Definitiva
- Posts: 2466
- Joined: 20 Dec 2009, 14:00
- PSN ID: oh_mike_dog
- Location: Zaragoza
Post
by will-o-the-wisp » 07 Mar 2011, 15:30
Pues, por alguna razón, willearThumbnail no funciona bien al invocarla.
Code: Select all
<script>willearThumbnail('-p3atsZRPLc')</script>
<br>
<a href="javascript:willear('A01j_zxaR5U')"><img src="http://i1.ytimg.com/vi/A01j_zxaR5U/hqdefault.jpg" /></a>
El resultado es el primer post de
aquí. Como ves, solo aparece la segunda imagen (y funciona el link al vídeo y tal). He puesto uno de un modo y otro de otro para que se vea la diferencia.
-
Viento
- Cie'th Ateo
- Posts: 7905
- Joined: 13 Aug 2009, 00:41
Post
by Viento » 07 Mar 2011, 15:55
Creo que ya he encontrado el fallo, es problema del jaleo que hay entre comillas simples y comillas dobles.
Esto debería funcionar. Fíjate que ahora los inicios de style y href en vez de poner comillas dobles, he puesto slash comillas dobles para que el javascript se lo coma.
Code: Select all
function willearThumbnail(youtubeID){
var thumb="<a href=\"javascript:willear('"+youtubeID+"');\"><div style=\"background-image: url(\'http://i1.ytimg.com/vi/"+youtubeID+"/hqdefault.jpg\'); width: 480px; height: 360px;\"><div style=\"width: 100%; height: 100%; background-image: url(\'http://www.collegeplus.org/public/img/graphics/fancybox/fancybox_play-button-icon.png\'); background-position: center center; background-repeat: no-repeat;\"></div></div></a>";
document.write(thumb);
}
-
will-o-the-wisp
- Panacea Definitiva
- Posts: 2466
- Joined: 20 Dec 2009, 14:00
- PSN ID: oh_mike_dog
- Location: Zaragoza
Post
by will-o-the-wisp » 07 Mar 2011, 20:06
He sustituido la función antigua por esta y sigue sin mostrar nada :/ Más o menos entiendo qué es lo que hace cada parte de la función y no se me ocurre qué puede estar fallando, al margen de los malentendidos que pueda hacer Blogger...
Y otra duda: para que no se cargue el iframe del vídeo hasta que no se pulse sobre una thumbnail, ¿tengo que llamar a la función cerrar al principio de <body> para que no lo cargue por defecto?
-
Viento
- Cie'th Ateo
- Posts: 7905
- Joined: 13 Aug 2009, 00:41
Post
by Viento » 07 Mar 2011, 20:08
Me voy a crear un blog para pruebas a ver que es lo que está pasando. Para que no aparezca, lo único que tienes que hacer es cambiar la visibilidad del div que lo contiene.
-
Godah
- Cofre Sin Fondo
- Posts: 4431
- Joined: 14 Aug 2009, 10:09
- PSN ID: Queso_Godah
- Xbox Live ID: Godah
- Location: Pendulando entre Lleida y BCN
Post
by Godah » 07 Mar 2011, 22:38
Ya perdonaréis que tercie vuestro diálogo, pero he visitado tu blog, Will, y me parece muy molón en el aspecto técnico. ¡Y quieres seguir mejorándolo! Mola lo del vídeo flotante en la esquina inferior. Patenta tus ideas o alguien que yo me sé vampirizará tu blog. No, es broma.
-
will-o-the-wisp
- Panacea Definitiva
- Posts: 2466
- Joined: 20 Dec 2009, 14:00
- PSN ID: oh_mike_dog
- Location: Zaragoza
Post
by will-o-the-wisp » 08 Mar 2011, 17:51
Godah wrote:Ya perdonaréis que tercie vuestro diálogo, pero he visitado tu blog, Will, y me parece muy molón en el aspecto técnico. ¡Y quieres seguir mejorándolo! Mola lo del vídeo flotante en la esquina inferior. Patenta tus ideas o alguien que yo me sé vampirizará tu blog. No, es broma.
Gracias, aunque realmente lo único que he hecho yo ha sido el logo xDD La plantilla es la que viene por defecto en Blogger y el fondo lo encontré por ahí. Incluso el favicon es de Pokémon Rojo.
Viento wrote:Me voy a crear un blog para pruebas a ver que es lo que está pasando. Para que no aparezca, lo único que tienes que hacer es cambiar la visibilidad del div que lo contiene.
Pero si le quito su visibilidad, tendré que hacer una función que lo vuelva visible, ¿no?
-
Viento
- Cie'th Ateo
- Posts: 7905
- Joined: 13 Aug 2009, 00:41
Post
by Viento » 08 Mar 2011, 17:56
La función que se desencadena al pinchar en el thumbnail ya estaba configurada para que fuese visible la capa (willodiv.style.visibility = 'visible'; )
Code: Select all
function willear(youtubeID){
var iframe = document.getElementById('willotube') ;
var willodiv = document.getElementById('divWillotube') ;
var src = 'http://www.youtube.com/embed/' + youtubeID + '?rel=0' ;
iframe.src = src;
willodiv.style.visibility = 'visible';
}
recuerda que la que tienes que poner a visibility hidden por defecto es la capa con el id "divWillotube"
-
will-o-the-wisp
- Panacea Definitiva
- Posts: 2466
- Joined: 20 Dec 2009, 14:00
- PSN ID: oh_mike_dog
- Location: Zaragoza
Post
by will-o-the-wisp » 08 Mar 2011, 19:36
Code: Select all
<div id='divWillotube' style='bottom: 0pt; right: 0pt; width: 320px; height: 270px; margin: 0pt; position: fixed; border-left-width: 10px; border-bottom-width: 10px; border-right-width: 10px; background: none repeat scroll 0% 0% black; padding: 5px; text-align: right; visibility: 'hidden''>
Los ' aparecen en vez de ', pero aún así debería funcionar, ¿no? Porque sigue apareciendo al principio.
Lo siento si te estoy dando el coñazo con esto xDD