FancyBox gallery con mappa immagine - jquery, fancybox

Sto cercando di creare un fancybox galleria usando mappe di immagini. Il html/iframes aperto ma non riesco a far funzionare la galleria.

Provai:

<area class="fancybox" data-fancybox-group="gallery"

e anche provato:

<area class="fancybox" rel="gallery"

Tuttavia, i pulsanti precedente e successivo non vengono visualizzati.

Di seguito è il mio javascript:

 $("map > area.fancybox").click(function(e) {
e.preventDefault();
var url = $(this).attr("href");
$.fancybox({
"href" : url,
"type" : "iframe"
});
});

Ho notato che sembra funzionare se aggiungo manualmente la mia galleria come gruppo, ma poi dovrò fare un po 'di manipolazione per far funzionare l'ordine della galleria?

$("map > area.fancybox").click(function(e) {
e.preventDefault();
var url = $(this).attr("href");
console.log($(this).attr("rel"));
$.fancybox([{
"href" : url,
"type" : "iframe"
},
{
"href" : "class.cfm",
"type" : "iframe"
},
{
"href" : "explore.cfm",
"type" : "iframe"
}]
);
});

risposte:

0 per risposta № 1

prova questo:

$(document).ready(function(){
$("map").find("area.fancybox").click(function()
{
var self = this;
if( $(self).attr("href") != undefined || $(self).attr("href").length > 1 )
{
$.fancybox({
href    :    $(self).attr("href"),
type    :    "iframe"
});
}
else
{
console.log("Ups!!");
}
return false;
});
});

Ciao!

---

0 per risposta № 2

So che è vecchio ma forse aiuterà qualcuno.

Con l'ultima versione di fancybox, puoi modificare il "groupAttr" opzione :

$("#img_map area").fancybox({
groupAttr : "alt"
});

Usa alt come "cernia" invece di rel, questo funziona per le mappe di immagini.

Saluti.

---