Hallo,
ich würde gerne beim Beez3 Template im Headerbild anstelle eines festen Bildes, 2 Bilder abwechselnd nacheinander erscheinen/animieren lassen.
Geht so etwas?
Vielen Dank
Hallo,
ich würde gerne beim Beez3 Template im Headerbild anstelle eines festen Bildes, 2 Bilder abwechselnd nacheinander erscheinen/animieren lassen.
Geht so etwas?
Vielen Dank
Kannst du recht einfach per CSS umsetzen. Wobei es verschiedene Ansätze gibt:
https://www.mediaevent.de/webs…?query=animation&search=1
Axel
Mein Vorschlag mit dem DJ-ImageSlider
https://extensions.joomla.org/…slideshow/dj-imageslider/
Danke für den Link
@time4mambo, tolle Sache.
Also die Homepage steht schon und eine Umwandlung zu Protostar ist mir derzeit zu aufwendig, zumal meine Kenntnisse wirklich nur Basic sind. Aktuelle 3.9.2 Version ist drauf.
Ich habe es geschafft das vorgegeben Joomla Bild personal2.png im Header durch ein eigenes zu ersetzen.
Ich würde gerne nun hier eine Animation generieren, d.h. das Bild soll sich stets mit einem zweiten Bild abwechseln.
Verstehe leider die CSS links nicht...
Dann nimmst du die Erweiterung von Stef!
Zu Beez gibt es von der Templateertstellerin Angie Radtke ein Buch, in dem sie die einzelnen Bereiche des Templates erklärt.
https://www.der-auftritt.de/das-buch.html . Gibt es vielleicht in irgendeiner Bibliothek.
DJ-ImageSlider ist hier vielleicht etwas überdimensionert. Ich würde eher das Modul Slideshow CK empfehlen. Du musst nur beim Reiter "Slides Manager" die zwei Bilder einfügen unter "Styles options" und "Effect option" alles nach deinen Vorstellungen einstellen. Anschliessend musst du unter dem Reiter "Effect options" im Feld "Load as block background" die Klasse ".logoheader"eintragen und dann das Modul auf der Position "Debug" veröffentlichen.
Hallo Anka,
vielen Dank für die detailierte Anleitung
Habe alle Einstellungen so vorgenommen. Leider erscheint nirgendwo die Animation?
Muss ich vielleicht das personal2.png vorher löschen?
Vielen Dank für die Unterstützung!!!
...habe gerade das personal2.png gelöscht, jetzt ist da nur der dunkelblaue Balken, leider keine Bild-Animation....
Theoretisch müsste es sowohl mit als auch ohne personal2.png funktionieren. Ich könnte mir höchstens vorstellen, dass bei den Modul-Einstellungen etwas nicht stimmt, aber das kann man so aus der Ferne leider kaum herausfinden. Ist die Seite irgendwo online erreichbar?
Hier soll das Logo Frau mit IS-AIP sich mit einem zweiten Logo abwechseln...
Hallo Anka,
bist du dir mit deiner Angabe der Template Posiition sicher? Ich glaube die Posotion debug ist falsch.
Eine mögliche nicht überprüfte Lösung gibt es hier http://www.joomlaportal.de/joo…eez3-header-anpassen.html
...habe gerade gesehen dass ich im Modul noch auf allen Seiten aktivieren musste, jetzt gibt es schon einmal eine Animation....jetzt muss ich noch daran basteln dass es hübscher aussieht..das bekomme cih aber wohl hin. besten Dank!!
Ich sehe schon mal eine Animation, aber mit den Einstellungen müsste man noch etwasw herumspielen , Hast du mal den Browser-Cache gelöscht?
EDIT
Das hat sich wohl überschnitten
Hallo Lui_brempt
Die Modulposition "debug" passt schon. Dort, wo die Slideshow angezeigt werden soll, gibt es ja gar keine Template-Position. Eigentlich geht es nur darum, die Slideshow und das benötigte JavaScript zu laden. "Positioniert" wird es dann durch den Eintrag der Klasse bei den Modul-Einstellungen. Von daher könnte man es auch auf jeder anderen Position, die beim Template vorhanden ist, veröffentlichen. Ich nehme dann meistens "debug", weil es diese Position in praktisch jedem Template gibt.
...wie bekomme ich denn diese "Camera" Icons mit vorwärts und rückwärts und Play Taste weg?
Müsste unter Styles options > Navigation sein.
...und wie bekomme ich das Bild kleiner gezoomt so dass es in seiner komplett angezeigt wird??
Hmm..,. jetzt wird es ziemlich kompliziert. War von mir nicht konsequent bis Ende gedacht, sorry...
Es wäre wohl besser, im Modul den Eintrag ".logoheader" wieder zu löschen und das Modul auf Position "position-1" zu veröffentlichen. Danach müsste man den ursprünglichen Header per CSS ausblenden (im personal.css, ab Zeile 31):
.logoheader {
background: url(../images/personal/personal2.png) no-repeat right
bottom #0C1A3E;
color: #FFFFFF;
min-height: 180px;
display: none;
}
Eine weitere Möglichkeit wäre noch, das Template entsprechend zu ändern. Dafür müsste man die index.php des Templates bearbeiten.
PS:
Falls ich dich jetzt komplett verwirrt habe, dann melde dich mal per PN bei mir