next / back buttons

[christine]

Hallo Thomas,

Na ja wenn Highslide JS (images only) aktiviert ist, sollte alles zu sehen sein (desktop).

Betreffend der Pfeile von multibox .... wie man diese in highslide reinbekommt, weiß ich nicht.

Versuch mal (kannst ja wieder umstellen) Multibox zu aktivieren: http://www.reisefotografien.eu/phoca-be ... 9-multibox.
Bei Optionen Multibox-Einstellungen: http://www.reisefotografien.eu/phoca-be ... t-joomla-3 > "Was soll angezeigt werden" usw.

Liebe Grüße, Christine

[Rechi]

Hallo Christine

Ich habe einmal Highslide JS aktiviert, sodass ich Multibox einschalten kann. Die "next" bzw. "prev" Pfeile werden bei Mouseover angezeigt, doch das Layout möchte ich von Highside JS (images only) behalten.
Hättest Du eine Idee, wie das Script aussehen müsste und an welcher Stelle ich das einfügen müsste, um das bei Highslide (images only) zu erzielen?

beste Grüsse

Thomas

[christine]

Hallo Thomas,

Hättest Du eine Idee, wie das Script aussehen müsste und an welcher Stelle ich das einfügen müsste, um das bei Highslide (images only) zu erzielen?

nein, weiß ich leider nicht.
Vielleicht als Alternative probieren: boxplus (nur Bilder). Da gibt es auch verschiedene Themen einzustellen:
http://www.reisefotografien.eu/phoca-be ... t-joomla-3 >
Pop-up Fenster Thema (boxplus) > dort was aussuchen und schauen. Jedenfalls haben alle links & rechts Pfeil.

Liebe Grüße, Christine

[Jan]

Hallo, hmm, ich glaube, dies wird eine CSS Sache, in CSS von Highslide JS sollte man finden, wo die Pfeilen dargestellt sind und vielleicht dort oder in Javascritp wird eine Bedingung, dass es nur auf Handy dargestellt werden, so solche sollte man dann löschen

Jan

[Jan]

Hallo, versuch mal dies Javascript anzusehen:

components\com_phocagallery\assets\highslide\mobile.js

Wenn man es modifiziert, dann glaube ich, kann man die Buttons auch für Desktop darstellen

Jan

[Rechi]

Hallo Jan (und Christine)

Ja, das hat einen ersten Erfolg gebracht...

Ich habe folgenden String am Ende von ...\highslide-full.js angefügt:

// Create custom previous and next overlays
hs.registerOverlay({
position: 'middle left',
width: '20%',
html: '<div class="navbutton" onclick="hs.previous()" title="'+
hs.lang.previousTitle +'">&lsaquo;</div>',
hideOnMouseOut: true
});
hs.registerOverlay({
position: 'middle right',
width: '20%',
html: '<div class="navbutton" style="text-align: right" onclick="hs.next()" title="'+
hs.lang.nextTitle +'">&rsaquo;</div>',
hideOnMouseOut: true
});

Nun habe ich noch folgende Probleme:

1. Die Grösse der Pfeile sind immer klein, auch wenn ich den Wert auf width: '100%' ändere.
2. beim linken Pfeil kommt als Titel auch "next (arrow right)" und bei Klick wird das nächste Bild statt das vorherige angezeigt.

beste Grüsse
Thomas

[christine]

Hallo Thomas,

also ich sehe beim linken Pfeil: Previous (arrow left).

Zu der Größe der Pfeile:
das mit: width:100%; nützt nichts, weil es sich auf die Breite auswirkt. Heißt: Je höher, desto weiter auseinander gehen die Pfeile.

Probiers damit:

Code: Select all

.highslide-wrapper div.navbutton {
font-size:100px;
}

Liebe Grüße, Christine

[Rechi]

Hallo Christine

Super, nun funktioniert es wie gewünscht. Besten Dank für Eure Hilfe.

beste Grüsse

Thomas

[christine]

Hallo Thomas,

na wunderbar würde die CSS von .highslide .... auch in die template.css geben. (wegen PG update).
weiß so jetzt nicht ob man auch ein override anlegen könnte. Wie auch immer: Codes gut aufheben

Liebe Grüße, Christine