[Resolvido] Como colocar link neste código?

[FMKØ 0]

Fala galera do imaster,

acompanho frequentemente este fórum e já consegui sanar muitas dúvidas aqui.

Porém agora estou com um problema que está me tirando do sério.

Como sou bem leigo em javascript ainda não consegui achar uma solução, então, espero uma ajuda.

Trata-se de um slideshow de imagens. Eu gostaria que conforme fosse passando as imagens elas fossem clicáveis. (tivessem links)

aqui está o código.

 

 

<script type="text/javascript">

var mycarousel_itemList = [
    {url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_3.gif', title: 'Alistar'},
    {url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_5.gif', title: 'Amumu'},
    {url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_7.gif', title: 'Anivia'},
    {url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_9.gif', title: 'Annie'},
    {url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_11.gif', title: 'Ashe'},
    {url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_13.gif', title: 'Cho´Gath'},
    {url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_15.gif', title: 'Evelynn'},
    {url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_17.gif', title: 'Fiddlestick'},
	{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_19.gif', title: 'Jax'},
	{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_21.gif', title: 'Judicator'},
	{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_23.gif', title: 'Karthus'},
	{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_36.gif', title: 'Master Yi'},
	{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_37.gif', title: 'Morgana'},
	{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_38.gif', title: 'Nunu'},
	{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_39.gif', title: 'Rammus'},
{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_40.gif', title: 'Ryze'},
{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_41.gif', title: 'Singed'},
{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_42.gif', title: 'Sion'},
{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_43.gif', title: 'Sivir'},
{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_44.gif', title: 'Soraka'},
{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_45.gif', title: 'Teemo'},
{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_46.gif', title: 'Tristana'},
{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_58.gif', title: 'Tryndamere'},
{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_59.gif', title: 'Twisted Fate'},
{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_60.gif', title: 'Twitch'},
{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_61.gif', title: 'Warwick'},
{url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_62.gif', title: 'Zilean'},
];

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    var idx = carousel.index(i, mycarousel_itemList.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
};

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
    carousel.remove(i);
};

/**
 * Item html creation helper.
 */
[b]function mycarousel_getItemHTML(item)
{
    return '<img src="' + item.url + '" width="75" height="83" alt="' + item.title + '" />';
};[/b]

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        wrap: 'circular',
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
});

</script>

[FMKØ 0]

Vlw pela edição klonder.

Teria como você adicionar esse link tbm.

É o link para o slide do código acima.

Exemplo do slide

[William Bruno 1501]

Já tentou adicionar aqui:

return '<a href="'+ item.link +'"><img src="' + item.url + '" width="75" height="83" alt="' + item.title + '" /></a>';

??

 

Ele tá pegando de um objeto JSON.. então, para cada imagem ter um link diferente, você precisa adicionar mais um valor..

var mycarousel_itemList = [
    {url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_3.gif', title: 'Alistar', link: 'http://www.google.com.br'},
    {url: 'http://lolbr.elitegamers.com.br/images/cmenu/mc_5.gif', title: 'Amumu', link: 'http://www.imasters.com.br'},

Não testei, mas a lógica, é fazer algo assim.

Funcionou aqui ^_^

[FMKØ 0]

Vlw William,

é exatamente isso que eu queria. Um link para cada imagem.

Ainda não testei, mas assim que testar volto aqui para agradecer novamente.

[FMKØ 0]

Aos moderadores,

esse tópico foi resolvido.