4images Forum & Community
Welcome, Guest. Please login or register.
Did you miss your activation email?
July 30, 2016, 07:22:00 AM

Login with username, password and session length
Search:     Advanced search
Follow 4images on twitter: Click here to follow!
Togle to toolbar
Translate this page with =>
Translate this page >
* Home Help Search Login Register
 
+  4images Forum & Community
|-+  General / Allgemeines
| |-+  Programming
| | |-+  Highslide anpassen
0 Members and 1 Guest are viewing this topic. « previous next »
Pages: [1] Print
This topic has not yet been rated!
Author Topic: Highslide anpassen  (Read 6855 times)
puky
Newbie
*
Offline Offline

Posts: 11

Thank You
-Given: 1
-Receive: 0


View Profile
« 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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<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?
Logged
Rembrandt
4images Moderator
4images Guru
*****
Offline Offline

Posts: 4187

Thank You
-Given: 116
-Receive: 893

Vienna


View Profile WWW
« Reply #1 on: December 16, 2009, 05:49:21 AM »

Hi!

Hast du dir diesen thread schon durchgelesen?
http://www.4homepages.de/forum/index.php?topic=20461.msg111200#msg111200
dimmfunktion --> http://www.4homepages.de/forum/index.php?topic=25531.msg142387#msg142387

und poste deine fragen dazu bitte in den entsprechenden threads.

mfg Andi
Logged

Meine 4Images Modifikationen  Now over 100 Modification Online!    Meine 4images Demo Seite


Please do not PM me asking for help unless you've been specifically asked to do so. Such PMs will be deleted without answer. (forum rule #6)
puky
Newbie
*
Offline Offline

Posts: 11

Thank You
-Given: 1
-Receive: 0


View Profile
« Reply #2 on: December 16, 2009, 06:44:28 AM »

Hallo,
Upps, Sorry, das ich hier falsch gepostet habe! Ja, die beiden Threads habe ich gelesen, haben mein Problem aber nicht gelöst. Darf man Fragen, wie du das auf deiner Seite umgesetzt hast? Du hast es mittig und abgedunkelt!
Logged
rinaldos
Guest
« Reply #3 on: December 16, 2009, 12:30:20 PM »

Hi,
ein Link zu Deiner Seite wäre Hilfreich, wer weiss ob du auch alle CSS und Javascripte richtig eingebunden hast, bzw ob die auch gefunden werden. Normlerweise wird in der Standard Konfiguration von Highslide das Bild immer mittig dargestellt und der Hintergrund abgedunkelt. Ich gehe davon aus, das einige CSS Dateien bei dir nicht gefunden werden.....

Wie Andy schon sagt, funktioniert die Installation nicht von dem anderen Thread? Denn da wird es ja so dargestellt........
Logged
puky
Newbie
*
Offline Offline

Posts: 11

Thank You
-Given: 1
-Receive: 0


View Profile
« Reply #4 on: December 16, 2009, 02:35:55 PM »

Hallo,

O.K., kein Problem. Das Bild habe ich nun soweit mit dem Befehl
1
hs.align = 'center';
in der jpg.html Datei mittig bekommen. was mir nun noch fehlt, ist das abdunkeln. Schau es dir bitte mal an, ob ich es so richtig gemacht habe.

Danke
« Last Edit: December 16, 2009, 09:54:57 PM by puky » Logged
rinaldos
Guest
« Reply #5 on: December 16, 2009, 04:08:54 PM »

Du hast highslide m.E. falsch eingebunden. Da funktioniert ausser das ein Bild herausschwimmt ja nicht wirklich etwas .....

Bist du sicher, das du highslide richtig eingebunden hast? Teste doch mal diese version, ist zwar ein alter Post, aber sollte auhc mit der aktuellen Version von Highslide funktionieren

http://www.4homepages.de/forum/index.php?topic=19364.msg104264#msg104264

Gruß
Logged
puky
Newbie
*
Offline Offline

Posts: 11

Thank You
-Given: 1
-Receive: 0


View Profile
« Reply #6 on: December 16, 2009, 09:55:41 PM »

Hab es jetzt geschafft!  Laughing Laughing Laughing Thanks
Logged
rinaldos
Guest
« Reply #7 on: December 16, 2009, 09:57:11 PM »

Wäre natürlich nun noch hilfreich zu wissen, wo der Fehler lag .......

Gruß
Logged
puky
Newbie
*
Offline Offline

Posts: 11

Thank You
-Given: 1
-Receive: 0


View Profile
« Reply #8 on: December 17, 2009, 07:16:54 AM »

Der Fehler war, dass ich die Head Dateien mit in die jpg.html gepackt habe und nicht in die header.html. Hab mit den Highslide Editor noch ein wenig gespielt und konnte dann endlich rausfinden, wie man die einzelnen Effekte einstellen kann. Tja, ist noch kein Meister vom Himmel gefallen .....
Logged
rinaldos
Guest
« Reply #9 on: December 17, 2009, 07:18:21 AM »

Smile
Das kann schonmal passieren. Schön das es nun funktioniert Smile
Gruss
Logged
Pages: [1] Print 
« previous next »
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2015, Simple Machines Valid XHTML 1.0! Valid CSS!
Page created in 0.227 seconds with 19 queries.
Post your comments here