blog sur le développement web, jquery,css3, Magento, Symphony, php et bien d'autres choses

Je vais vous montrez comment créer un aperçu d’une page web en miniature au survol d’un lien.

Le principe est simple. Vous avez un lien / URL qui dirige vers un autre site.

Au passage de la souris sur ce lien, une sorte de pop up s’ouvre en jquery

et affiche une image miniature du site web que vous allez visiter.

cette icone de site web va vous donner un aperçu du site que vous allez visiter.

pour générer cette icone soit vous pouvez le faire vous même soit vous utilisez le service gratuit de

easy-thumb
il suffira alors dans la pop up de votre lien de mettre comme source a votre image :

http://www.easy-thumb.net/min.html?url=%5Burl%5D&size=%5Bsize%5D&alt=%5Balt%5D

et le tour est joué.

ascreen.jpeg

je me coucherai moins bete ce soir, le ascreen est une image d’aperçu de votre site web. disposé à la racine de votre site elle servira au moteur de recherche pour afficher une miniature de votre site
j’ajoute le tutorial jquery bientôt

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s