9
« on: December 15, 2009, 07:53:24 PM »
Hallo,
Hab mich in den letzten zwei Tagen mit der Anpassung der 4Images Gallerie und Highslide beschäftigt. Hier im Forum habe ich ein paar wertvolle Tipps zum Einbau gefunden. Allerdings habe ich ein Problem beim aussehen von Highslide. Zwar gibt es einen Editor zur Anpassung auf der Website, blicke ich aber irgendwie nicht richtig durch. Ich habe den highslide Ordner in das Root Verzeichnis kopiert. Dann habe ich die templates\iceberg\media\jpg.html mit folgendem Code bestückt:
<head>
<script type="text/javascript" src="./highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="./highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="./highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="./highslide/highslide-ie6.css" />
<![endif]-->
<script type="text/javascript">
//<![CDATA[
hs.registerOverlay({
html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
position: 'top right',
fade: 2 // fading the semi-transparent overlay looks bad in IE
});
hs.graphicsDir = './highslide/graphics/';
hs.wrapperClassName = 'borderless';
//]]>
</script>
</head>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><a href="{media_src}" class="highslide" onclick="return hs.expand(this)"> <img src="{media_src}" alt="Highslide JS" width="100%" height="100%" title="Click to enlarge" /></a></td>
</tr>
</table>
Soweit so gut. Klappt alles so wie ich es haben will, bis auf zwei Sachen:
1.) Wie bekomme ich das Bild beim aufrufen in die Mitte?
2.) Der Hintergrund sollte sich zu 50% Transparent beim aufrufen des Bildes verdunkeln.
Kann mir von den Profis, die teilweise Hammer Website damit gebaut haben, einen kleinen Tipp geben?