Yeni bir jQuery eklentisi ile karşınızdayım. Bu yazıdaki eklentimizin adı jQuery URLive. Bu eklenti verdiğiniz herhangi site adresinin bilgilerini, önizlemesini alıp siteniz üzerinde gösteriyor.

Herhangi bir back-end veya PHP kodlaması gerekmeden çalışıyor.

Demo

Kullanım:

jquery.urlive.css dosyasını head etiketi içerisine ekleyin.

<link href="jquery.urlive.css" rel="stylesheet" />

Son sürüm jQuery kütüphanesi ve beraberinde jquery.urlive.js dosyasını head etiketi arasına ekleyin.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.urlive.js"></script>

İlgili dosyaları ekledikten sonra, urlive() fonksiyonu ile  istediğiniz HTML etiketine önizlemesini alacağınız sitenin bilgilerini aktarabilirsiniz.

$("textarea").urlive({container: '.urlive-container'});

Detaylı demo : markserbol.github.io/urlive

İndir (GitHub) : https://github.com/markserbol/urlive