so ... na dann
ich versuch es mal zu erklären ^^
ich habs aber bis jetzt nur in meiner gallery
(hatte bis jetzt noch keine lust es bei den Zufallsbildern zu erstellen (es sollte aber kein Problem sein, es selber zu erstellen))
1.
download
vikjavev.no/highslide/download.php
2.
den ordner "highslide" hochladen
(www.deinedomain.de/highslide/)
die html dateien brauchst du nicht hochladen!
3.
schreibe in die index von dein Design im head folgenden code:
<script type="text/javascript" src="highslide/highslide-with-html.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.objectLoadTime = 'after';
hs.cacheAjax = 'true';
</script>
<style type="text/css">
.highslide-html {
background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
position: absolute;
display: none;
}
.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;
}
/* Styles for the popup */
.highslide-wrapper {
background-color: white;
}
.highslide-wrapper .highslide-html-content {
width: 830px;
padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
margin: 0;
padding: 0;
text-align: right;
}
.highslide-wrapper .highslide-header ul li {
display: inline;
padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
display: none;
}
.highslide-wrapper .highslide-header a {
font-weight: bold;
color: gray;
text-transform: uppercase;
text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
cursor: move;
}
.highslide-wrapper .highslide-footer {
height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
float: right;
height: 11px;
width: 11px;
background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
cursor: move;
}
.highslide-resize {
cursor: nw-resize;
}
<!--/* These must be the last of the Highslide rules */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
} -->
</style>
4.
include/templates/gallery.htm
zeile 38
<td onmouseout="hiddpos('infodiv{id}')" onmouseover="alertpos('infodiv{id}')"><a href="index.php?gallery-show-{cat}-p{bildr}" onClick="return oeffneFenster({bildr},{cat});" target="_blank"><img src="include/images/gallery/img_thumb_{id}.{endung}" border="0" alt="{datei_name}" title=" " /></a></td>
ersetzt du durch:
<td onmouseout="hiddpos('infodiv{id}')" onmouseover="alertpos('infodiv{id}')"><a href="index.php?gallery-show-{cat}-p{bildr}" onclick="return hs.htmlExpand(this, { objectType: 'iframe', objectWidth: 830, objectHeight: 1000} )"><img src="include/images/gallery/img_thumb_{id}.{endung}" border="0" alt="{datei_name}" title=" " /></a></td>
das sollte es gewesen sein ... ^^
ich hab es jetzt nicht getestet (ist schon eine weile her, wo ich das bei mir eingebunden hab) wenn was nicht funzt - melden
(vergesst nicht den cache des FireFox/IE zu löschen)
bekanntes Problem:
ich hab jetzt das script "Erweitert BoxenUhr 1.1" eingebaut
und die uhr schiebt sich immer vor das fenster -.-
wenn jemand eine lösung hat bitte melden
Zuletzt modifiziert von TD-AoD am 08.04.2008 - 22:39:46