JS Resim Eklentisi

[FaLCoN_TiGeR]

Açıklama ::: Resimlere tıkladımı büyür taşıma özelliği katılır animasyon şeklinde açılır ....


Kullanım ::: [img2=resimlinki]resimlinki[/img2]

Kurulum :::
Temanız>Şablonlar>Header en üste ekleyin

<script type="text/javascript" src="highslide/highslide.js"></script>


<!-- 
    2) Optionally override the settings defined at the top
    of the highslide.js file. The parameter hs.graphicsDir is important!
-->

<script type="text/javascript">    
    hs.graphicsDir = 'highslide/graphics/';
    hs.outlineType = null;
</script>

Ek css ye gelin alttakini ekleyin

 * {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}


.highslide {
    cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
    visibility: hidden;
}
.highslide img {
    border: 2px solid gray;
}
.highslide:hover img {
    border: 2px solid white;
}

.highslide-wrapper {
    background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
    color: black;
    font-size: 8pt;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
    border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;

}
a.highslide-full-expand {
    background: url(highslide/graphics/fullexpand.gif) no-repeat;
    display: block;
    margin: 0 10px 10px 0;
    width: 34px;
    height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

Yeni BBCODE Ekleyin

Title ::: GRaFi Resim Eklentisi

Tag ::: img2

Replacement :::

[PHP] <div>
<!-- 
    4) This is how you mark up the thumbnail image with an anchor tag around it.
    The anchors href attribute defines the URL of the full-size image.
-->
<a id="thumb1" href="{option}" class="highslide" onclick="return hs.expand(this)">
    <img src="{option}" alt="Highslide JS"
        title="Click to enlarge" height="120" width="107" /></a>

<!-- 
    5 (optional). This is how you mark up the caption. The caption must be directly 
    after the anchor above.
-->

<div class="highslide-caption">
    Küçültmek için Tıklayın.</div>
    

</div>
Example : örnek
Use {option} ::: yes

indir

Rar Şifresi: hackhell.com