tag:blogger.com,1999:blog-33571139.post4135920322605206647..comments2023-11-05T08:41:52.609-03:00Comments on Vagabundia: Varios métodos para diferenciar los enlacesJMiurhttp://www.blogger.com/profile/16731144451681787753noreply@blogger.comBlogger20125tag:blogger.com,1999:blog-33571139.post-562856902581739742012-07-10T23:37:07.204-03:002012-07-10T23:37:07.204-03:00Perfecto, Bonzu :DPerfecto, Bonzu :DJMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-41242856020164449032012-07-10T23:35:38.629-03:002012-07-10T23:35:38.629-03:00No veo que allí esté colocada ninguna regla de est...No veo que allí esté colocada ninguna regla de estilo para hacer esto.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-21468868498967824792012-07-10T18:49:09.248-03:002012-07-10T18:49:09.248-03:00Es perfecto, mi galería funciona!!!
Gracias JMiur...Es perfecto, mi galería funciona!!!<br /><br />Gracias JMiur.<br /><br />Si tuvieras un centavo por consulta ahora serías millonario... o ya lo eres? ;-)Bonzu Pipinpadaloxicopolis IIIhttps://www.blogger.com/profile/14916064855006622674noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-79877454188966511472012-07-10T18:48:14.538-03:002012-07-10T18:48:14.538-03:00Bueno... no consigo que aparezca el icono antes de...Bueno... no consigo que aparezca el icono antes del enlace interno, sin recuadro, como pretendía.<br />He probado con el código que me proporcionas y tampoco, también lo he colocado entre las distintas etiquetas con el mismo resultado, ambos enlaces aparecen normalmente.<br />Te mando enlace al <a href="http://tapestryworkerman.blogspot.com.es/" rel="nofollow"> blog de pruebas</a> por si ves algo que no haya hecho bien.<br />...Tapestry Workermanhttps://www.blogger.com/profile/13448223962049496417noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-27472130340961936052012-07-10T16:24:51.901-03:002012-07-10T16:24:51.901-03:00Este comentario ha sido eliminado por el autor.Tapestry Workermanhttps://www.blogger.com/profile/13448223962049496417noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-52521326266782994462012-07-10T16:11:08.471-03:002012-07-10T16:11:08.471-03:00Lo que pasa es que Blogger eliminó los < y >...Lo que pasa es que Blogger eliminó los < y > del comentario sin avisarme del error así que aquí va de nuevo:<br /><br />$('.ejemplo').each(function() {<br />var nueva = $(this).attr('src').replace('s400','s000');<br />$(this).wrap('<a href="'+nueva+'"></a>');<br />})<br /><br />si no funciona, dime donde está el ejemplo.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-3185886003603426852012-07-10T15:52:13.925-03:002012-07-10T15:52:13.925-03:00Lo coloqué de esta manera:
$('.ejemplo')....Lo coloqué de esta manera:<br /><br />$('.ejemplo').each(function() {<br />var nueva = $(this).attr('src').replace('s400','s000');<br />$(this).wrap('<a href="'+$(this).attr('src')+'"></a>');<br />})<br /><br />pero la url del enlace sigue con s400.Bonzu Pipinpadaloxicopolis IIIhttps://www.blogger.com/profile/14916064855006622674noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-80177212897736495772012-07-10T14:58:27.874-03:002012-07-10T14:58:27.874-03:00Un ejemplo paso a paso:
$('.ejemplo').eac...Un ejemplo paso a paso:<br /><br />$('.ejemplo').each(function() {<br />var nueva = $(this).attr('src').replace('s400','s000');<br />$(this).wrap('<a href="'+nueva+'" rel="nofollow"></a>');<br />})<br /><br />Me parece que en el comentario anterior puse los datos al revés. La sintaxis es:<br /><br />.replace( VIEJO_VALOR , NUEVO_VALOR )<br /><br />.replace('s400','s000')<br />cambia s400 por s000 ... etc etc etc <br /><br />Sí, efectivamente, en el comentario anterior los escribí al revés :DJMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-84719163114376693252012-07-10T14:51:34.178-03:002012-07-10T14:51:34.178-03:00Junto con el resto del CSS; dentro de <b:skin&g...Junto con el resto del CSS; dentro de <b:skin> </b:skin> o antes de </head> colocándolo dentro de etiquetas <style> </style><br /><br />Puesto de ese modo, afectará a todos los enlaces del sitio.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-5267062167113405872012-07-10T13:32:37.838-03:002012-07-10T13:32:37.838-03:00Una ayudadita JMiur (otra) No sé como utilizar est...Una ayudadita JMiur (otra) No sé como utilizar esto:<br />$(this).attr('src').replace('s000','s400');<br /><br />con esto<br />$('.ejemplo').each(function() {<br />$(this).wrap('<a href="'+$(this).attr('src')+'" rel="nofollow"></a>');<br />})<br /><br />Porque quiero que el reemplazo solo ocurra en el enlace generado. Ya le moví como pude y nada :-(.Bonzu Pipinpadaloxicopolis IIIhttps://www.blogger.com/profile/14916064855006622674noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-29856160796793833272012-07-10T11:31:04.915-03:002012-07-10T11:31:04.915-03:00Ok.
¿Dónde coloco el código?. No tengo claro si te...Ok.<br />¿Dónde coloco el código?. No tengo claro si tengo que agregar el código para cada enlace o ponerlo en algún sitio específico para que detecte los enlaces propios y aplique los cambios de forma automática.<br />... ya perdonarás.Tapestry Workermanhttps://www.blogger.com/profile/13448223962049496417noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-69989308990446193462012-07-10T04:39:29.755-03:002012-07-10T04:39:29.755-03:00Si, eso puede hacerse con o sin jQuery.
Si sabes ...Si, eso puede hacerse con o sin jQuery.<br /><br />Si sabes el tipo de miniatura, es simple; supongamos que es /s400/ :<br /><br />$(this).attr('src').replace('s000','s400');<br /><br />si hay varias posibilidades puedes repetirlo sin problemas:<br /><br />$(this).attr('src').replace('s000','s320');<br />$(this).attr('src').replace('s000','s400');<br /><br />imagino que debe haber alguna expresión regular para eso pero es un tema que desconozco así que me manejo con cosas sencillitas, nomás :DJMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-20650999315094428152012-07-10T01:52:46.026-03:002012-07-10T01:52:46.026-03:00No lo pude haber dicho mejor, es que a veces tomo ...No lo pude haber dicho mejor, es que a veces tomo muy en serio mi nombre sin darme cuenta (por lo del trabalenguas) :-). Ha funcionado estupendamente usando jQuery. Ahora te lo complico un poco, quiero que la url del enlace cambie. <br /><br />Tú sabes que las imágenes alojadas en Blogger generan miniaturas, y tienen una terminación (por ejemplo) como esta "...s<b>128</b>/imagen1.jpg" y que para ver la original se cambia ese <b>128</b> por <b>000</b>.<br /><br />Bueno, en este ejemplo tengo <img src="URL MINIATURA imagen1" /> y quiero que pase a ser <a href="URL ORIGINAL imagen1"><img src="URL MINIATURA imagen1" /></a><br /><br />¿Es posible con jQuery, JMiur?Bonzu Pipinpadaloxicopolis IIIhttps://www.blogger.com/profile/14916064855006622674noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-7800985226244152542012-07-10T00:41:24.426-03:002012-07-10T00:41:24.426-03:00En resumen, quieres transformar una imagen en un e...En resumen, quieres transformar una imagen en un enlace. Para eso, lo primero es poder indentificarla, com odije antes, con una clase o id o de cualquier modo que se te ocurra porque debemos decirle al script cuál o cuáles son las etiquetas que deben cambiarse. Suponiendo:<br /><br /><img class="ejemplo" img src="URL imagen1" /><br /><br />si usas jQuery, la solución sería sencilla, algo así cambairía todas las imágenes con la clase "ejemplo":<br /><br />$('.ejemplo').each(function() {<br />$(this).wrap('<a href="'+$(this).attr('src')+'"></a>');<br />})<br /><br />que quedarían asi:<br /><br /><a href="URL imagen1"><br />< class="ejemplo" img src="URL imagen1" /><br /></a><br /><br />Sin librerías, se complica un poco (bastante más) y tendrías que probar addEventListener/attachEvent o usar <a href="http://stackoverflow.com/questions/3337587/wrapping-an-element-using-pure-javascript" rel="nofollow">createElement</a>JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-78123173315538515862012-07-09T20:14:54.615-03:002012-07-09T20:14:54.615-03:00Por ejemplo, tengo esta imagen <img src="U...Por ejemplo, tengo esta imagen <img src="URL imagen1" />, el script detecta la url de esa imagen y le añade una etiqueta "a" con la misma url que detectó quedando así <a href="URL imagen1"><img src="URL imagen1" /></a>Bonzu Pipinpadaloxicopolis IIIhttps://www.blogger.com/profile/14916064855006622674noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-28236946801780105122012-07-09T19:57:59.487-03:002012-07-09T19:57:59.487-03:00Parece un trabalenguas :D
¿Es posible que un scri...Parece un trabalenguas :D<br /><br />¿Es posible que un script detecte la url de una imagen? Si. Dependerá de como ea la etiqueta, si tiene una clase, un id o si se usan librerías etc, etc<br /><br />Una vez detectada esa url es posible usarla para cualquier cosa pero, esa es la parte no se entiende de la pregunta. Amplia un poco o trata de darme un ejemplo.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-40345393199497456352012-07-09T19:50:31.270-03:002012-07-09T19:50:31.270-03:00En el ejemplo, dice algo así:
a.linkequ[href*=&qu...En el ejemplo, dice algo así:<br /><br />a.linkequ[href*="miblog."] {<br /> background: url(http://miblog.blogspot.com/favicon.ico) no-repeat 5px 50% #666;<br /> border: 1px solid #888;<br /> border-radius: 4px;<br /> color: #FFF;<br /> display: inline-block;<br /> padding: 2px 5px 2px 25px;<br />}<br /><br />donde debes cambiar miblog por la url de tu blog y funcionará simpre que hayas colocado el favicon usando el sistema de Blogegr, sino, simplemente colcoa la url de ese favicon o la imagen que quieras.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-74611409550520349382012-07-09T18:45:37.966-03:002012-07-09T18:45:37.966-03:00Hola Jmiur, ya que estamos con los enlaces ¿es pos...Hola Jmiur, ya que estamos con los enlaces ¿es posble que un script detecte la url de una imagen y que use esta url para añadirla como enlace a la imagen que le detectó la url?Bonzu Pipinpadaloxicopolis IIIhttps://www.blogger.com/profile/14916064855006622674noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-27898565916626263412012-07-09T16:09:57.960-03:002012-07-09T16:09:57.960-03:00Hola JMiur.
Una preguntilla: ¿cómo puedo poner el ...Hola JMiur.<br />Una preguntilla: ¿cómo puedo poner el icono de la página delante de todos los enlaces internos de forma automática? (tal como está el tuyo). <br />No tengo muy claro el tema propiedades, entre otros ;)<br />Un saludo y gracias por tus brillantes soluciones.Tapestry Workermanhttps://www.blogger.com/profile/13448223962049496417noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-75349336016379403832012-07-09T00:11:05.389-03:002012-07-09T00:11:05.389-03:00Interesante, buena la explicación =).... Saludos!Interesante, buena la explicación =).... Saludos!Carlos Martínezhttps://www.blogger.com/profile/11261048200870306436noreply@blogger.com