jQuery

jQuery Captify Plugin: Aggiungere didascalie alle immagini

captify.jpg

Captify è un plugin jQuery in grado di visualizzare le didascalie delle immagini in modo alternativo al semplice rollover.

Funzionante in tutti i principali browser: Firefox, Chrome, Safari, Opera e tutte le versioni di Internet Explore.

Quello che differenzia Captify da tutti gli altri plugin che permettono lo stesso effetto è la facilità d’uso e la leggerezza dello script di soli 2.3kb.

Opzioni

Il seguente script javascript inizializza il plugin con le opzioni personalizzabili:

Utilizzo

Prima di tutto, se non l’avete già fatto, scaricate Captify 1.1.3.

Inserite nell’intestazione (<head>…</head>) del vostro documento il plugin, appena scaricato, e la libreria jQuery, seguiti dallo script illustrato sopra.

Inotre è necessario scrivere nel vostro foglio di stile le seguenti regole CSS riguardanti solo la visualizzazione della didascalia:

Queste sono le uniche operazioni un pò più difficili da eseguire per l’integrazione di Captify al vostro documento, infatti per utilizzarlo sulle immagini bisogna seguire una dei seguenti metodi:

  1. Utilizzando l’attributo alt:
  2. Inserire il testo della didascalia in un div con id collegato all’attributo rel dell’immagine:

You might also like

LEAVE A REPLY