zarienak Posted March 18, 2012 at 11:31 PM Report #444547 Posted March 18, 2012 at 11:31 PM Boas pessoal, tenho este codigo em baixo e gostaria de adicionar link nas imagens mas nao estou a conseguir... <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Test</title> <style type="text/css"> #images_container{ overflow:hidden; width:640px; } #images_container .image_box{ float:left; width:160px; text-align:center; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> var image_list = [ { url: 'https://testimages/random1.jpg', caption: '' } ,{ url: 'https://testimages/random2.jpg', caption: '' } ,{ url: 'https://testimages/random3.jpg', caption: '' } ,{ url: 'https://testimages/random4.jpg', caption: '' } ,{ url: 'https://testimages/random5.jpg', caption: '' } ,{ url: 'https://testimages/random6.jpg', caption: '' } ,{ url: 'https://testimages/random7.jpg', caption: '' } ,{ url: 'https://testimages/random8.jpg', caption: '' } ] $(function(){ var used = []; var i = Math.floor(Math.random() * image_list.length); while (used.length < 4){ while ($.inArray(i, used) > -1){ i = Math.floor(Math.random() * image_list.length); } img = image_list[i]; $('<div class="image_box"><img src="' + img.url + '" alt="' + img.caption + '"><p>' + img.caption + '</p></div>').appendTo('#images_container'); used[used.length] = i; } }); </script> </head> <body> <div id="images_container"></div> </body> </html>
joaorosa Posted March 19, 2012 at 11:13 AM Report #444577 Posted March 19, 2012 at 11:13 AM Quando estás a fazer: $('<div class="image_box"><img src="' + img.url + '" alt="' + img.caption + '"><p>' + img.caption + '</p></div>').appendTo('#images_container'); experimenta: $('<div class="image_box"><a href="' + img.url + '"><img src="' + img.url + '" alt="' + img.caption + '"><p>' + img.caption + '</p></img></a></div>').appendTo('#images_container');
zarienak Posted March 19, 2012 at 11:22 PM Author Report #444715 Posted March 19, 2012 at 11:22 PM Muito Obrigado Joaorosa isso e link na imagem! e se for link a uma pagina url???
zarienak Posted March 21, 2012 at 12:45 PM Author Report #444881 Posted March 21, 2012 at 12:45 PM Alguem me pode ajudar estou um pouco desesperado tenho um trabalho para apresentar e como sou um pouco verdinho nisto...
HappyHippyHippo Posted March 21, 2012 at 02:32 PM Report #444893 Posted March 21, 2012 at 02:32 PM Muito Obrigado Joaorosa isso e link na imagem! e se for link a uma pagina url??? a pergunta é estranha ... afinal a que queres por o link ? não é na imagem ?? IRC : sim, é algo que ainda existe >> #p@p Portugol Plus
zarienak Posted March 21, 2012 at 04:06 PM Author Report #444926 Posted March 21, 2012 at 04:06 PM Olá HappyHippyHippo, Se calhar não me expliquei da melhor forma, o queria dizer era: O joaorosa fez um cód. que quando clicas na imagem redirecciona á imagem que clicas. O que queria era quando clicas numa imagem, cada imagem redirecciona para uma pagina http:// Desculpem e Obrigado
HappyHippyHippo Posted March 21, 2012 at 04:27 PM Report #444931 Posted March 21, 2012 at 04:27 PM so tens de alterar o valor de href do tag a em vez de ter o img.url terá o valor do link que pretendes .... IRC : sim, é algo que ainda existe >> #p@p Portugol Plus
zarienak Posted March 21, 2012 at 05:31 PM Author Report #444949 Posted March 21, 2012 at 05:31 PM Ok obrigado HappyHippyHippo, já agora é possivel cada imagem redireccionar para uma página diferente? É possivel criar os links na lista de imagens ou tenho de criar outra lista? var image_list = [ { url: 'https://testimages/random1.jpg', caption: '' } ,{ url: 'https://testimages/random2.jpg', caption: '' } ,{ url: 'https://testimages/random3.jpg', caption: '' } ,{ url: 'https://testimages/random4.jpg', caption: '' } ,{ url: 'https://testimages/random5.jpg', caption: '' } ,{ url: 'https://testimages/random6.jpg', caption: '' } ,{ url: 'https://testimages/random7.jpg', caption: '' } ,{ url: 'https://testimages/random8.jpg', caption: '' } Cada url teria um valor de link diferente, desculpa mas estou um pouco confuso 😉 Obrigado mais uma vez...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now