kann mir jemand sagen wie ich diesen Effekt ins Forum einfügen kann - für alle Attachments im Forum?!
http://vikjavev.no/highslide/example-wh ... tline.html
Highslide.js ist natürlich geuploadet! Wäre echt fett wenn mir das jemand sagen könnte WIE ich das "ungefähr" einbauen könnte oder WELCHE Dateien ich bearbeiten muss oder wo ich suchen muss, brauche nur ein Ansatz oder gleich eine Lösung!!!
Vielen Herzlichen Dank!!!
SCRIPT:
Code: Alles auswählen
<script type="text/javascript" src="highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-white';
</script>CODE
Code: Alles auswählen
<div>
<!--
4) This is how you mark up the thumbnail image with an anchor tag around it.
The anchor's href attribute defines the URL of the full-size image.
-->
<a id="thumb1" href="images/full-image.jpg" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})">
<img src="images/thumbnail.jpg" alt="Highslide JS"
title="Click to enlarge" height="120" width="107" /></a>
<!--
5 (optional). This is how you mark up the caption. The id contains is referenced to in the second argument of hs.expand above.
-->
<div class='highslide-caption' id='caption1'>
This caption can be styled using CSS.
</div>Code: Alles auswählen
<style type="text/css">
* {
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;
background-color: gray;
}
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;
}
</style>
