PicShow in Newsbox

Kontakt

ISEYE - Multimediacenter
Nordstr. 10

98597 Breitungen

Vertreten durch:
Ingo Sell & Sascha Schroeter

Bitte benutzen Sie das
Kontaktformular

 

 

Spenden-Knopf

Spendet für die Weiterentwicklung der Plugins.

PicShow

PicShow_XH richtet sich immer nach dem höchsten Bild im Ordner, um es formfüllend im Container an zu zeigen. Es ist rein CSS (Javascript oder JQuery wird nicht benötigt)! Da PicShow auf der Berechnung der kompletten Browserweite konzipiert ist (wie z.Bsp. Anzeige im Header). Wenn sie PicShow in einen kleineren Container anzeigen wollen, kann es unter Umständen zu sehr abgeschnittenen Bildern kommen, dies können Sie mit den 3. Parameter korigieren, indem sie der Höhe mit einem Wert beschränken. s. Hilfe Eine Höhe brauch also für den Container nicht im css angegeben werden!

Hier in dem Fall wäre díe Breite von PicShow zur relativen Browserweite ungefähr 65%. In der Newsbox ungefähr 18%. Da aber im CSS min-height: 120px; und die Bilder 1400px x 460px sind, hat die Angabe des min-height Vorrang.
(wir hätten es lieber vollautomatisch gelöst, aber es sollte rein css bleiben)

Der Aufruf mit Standard-Einstellung ist: {{{picshow("picshow/show1"');}}}
Hier in diesem Beispiel: {{{picshow("picshow/show1"',"","calc(100vw * 0.21)");}}}

 

Einen anderen Slide-Effekt als der in der Standard-Konfiguration angegeben erreichen Sie in dem Sie einen 2. Parameter mit dem Aufruf übergeben. Es stehen 5 Parameter zur Verfügung - fade,top,bottom,right,left

 
NEW

css slider custom effects
Ganz Ohne ein kleines Javascript kommt dieser Slider nicht aus, da man diesen Effekt-Slider auch mit Radio-Buttons steuern kann.
Dafür gibt es ein weiteren Parameter den wir integriert haben, zu den oben genanten 5 Effekten kommen "effects-3","effects-4","effects-5","effects-9",,"effects-r" hinzu. ("effects-r" - ist die Option für Zufallseffekt)

Genau für diese 5 Effektparameter, kann man bestimmen, ob die Radio-Buttons angezeigt werden sollen oder nicht. Ist dieser 4. Parameter auf "true" gesetzt (also die Radio-Buttons werden angezeigt) stopt automatisch die Animation wenn man daruber fährt, egal ob in den globalen Einstellungen der Hacken bei stop Animation gesetzt ist oder nicht! Die automatische Animation beginnt dann, wenn man den Bereich verässt.

{{{picshow("picshow/show2","effects-4","calc(100vw * 0.21)",true);}}}

 

NEW

Auch PickShow Slick-Version ist in rein css umgesetzt. Bilder einfach in ein Verzeichnis einfügen und den Pfad angeben. Am Besten ist es die Bilder alle von den Abmessungen gleich zu halten.
Der 3. Parameter kann in px, oder für dynamische Größenänderung mit calc angegeben werden, um die Höhe des slicksliders an zu passen! Wird er weggelassen, ist der Referenzwert das höchste Bild und wird im Verhältnis zur Breite des Browsers eingefügt wie "calc(100vw * 1)" was wenig Sinn macht.
Mit der Kalkulationsmethode "calc" werden die Bilder, bei Veränderung der Browserbreite dynamisch mit angepasst.

{{{picshow("picshow/partner","slick","calc(100vw * 0.163)");}}}

oder

{{{picshow("picshow/partner","slick","340px");}}}

 

Hilfe-Seite

PicShow in Newsbox

Kontakt

ISEYE - Multimediacenter
Nordstr. 10

98597 Breitungen

Vertreten durch:
Ingo Sell & Sascha Schroeter

Bitte benutzen Sie das
Kontaktformular

 

 

Spenden-Knopf

Spendet für die Weiterentwicklung der Plugins.