[Erledigt] Animierte Grafik einfügen in Siquando Pro Web 8

Hallo,

ich arbeite mit dem Design Cetera und möchte eine animierte Grafik einfügen, Format: .gif. Problem: Die eigentlichen Bilder werden nicht eingefügt, nur der unterlegte Link (kleine Schaltfläche), d.h. wenn man auf die kleine Schaltfläche klickt, dann kommt man auf die Grafik, die einwandfrei läuft.
Was muss ich tun, damit die animierte Grafik direkt erscheint?
Für Eure - wie immer zeitnahe Hilfe - danke ich Euch im Voraus. Die Grafik, um die es geht , findet Ihr unter
https://presbyteriumswahl.de/inhalt/animierte-grafik-fuer-die-presbyteriumswahl-2024

Nochmals vielen Dank und Gruß
Katharina

Dann verrate oder besser noch zeige doch mal Katharina was genau du wo gemacht hast, denn wir sind schließlich keine Hellseher. Ich habe zwar ein vermuten denn ich bekomme es problemlos hin, aber vermuten ist immerhin auch raten.

Also ich sehe eine animierte Grafik, sollte es diese https://presbyteriumswahl.de/inhalt/animierte-grafik-fuer-die-presbyteriumswahl-2024 Webseite sein

Das stimmt schon Rene, aber Kati will diese Grafik in ihre eigene Webseite einbauen und das schaft sie offenbar nicht.

Kati treibt sich aber schon lange genug hier im Forum herum um zu wissen das wir keine Hellseher sind, darum habe ich ihr gefragt was genau sie wo getan hat  Wir können sonst nur raten wo es schief geht.

Hallo Marjorie
da stimme ich Dir zu

Hallo Marjorie und René,

danke für Eure schnelle Antwort! Ich werde mich bessern!
Hier die beiden Screenshots. Wenn Ihr die Website sehen wollt, habe ich das Problem, dass ich sie so wie auf dem Screenshot nicht freischalten kann. Nochmals ein herzliches Dankeschön, dass Ihr Euch so mit meinem Problem beschäftigt, Marjorie seit vielen Jahren !
Gruß
Kati

Jetzt muß ich noch genau so viel raten wie ohne Screenshots, denn deine Screenshots geben überhaupt nicht die benötigte Auskunft

Wie soll ich jetzt wissen was für einen Absatz du verwendest, denn dein Screenshot sagt "Unbenannter Absatz"

Wo ich jetzt doch raten muß rate ich mal 1x Absatz Bilder-Kachel, 2 Spalten und 1x Absatz Bilder-Kachel, 3 Spalten. Den Absatz Bilder-Kachel, 3 Spalten steht aber auf unsichtbar.

Eine animierte Grafik kann man aber nicht so in eine Webseite einpflegen, sondern soll man per HTML-Absatz einpflegen.

Lege die Grafik auf deinen Webserver zB im Ordner images. Wenn du Spalten willst erstelle einen Spaltenbereich mit 3 Spalten und erstelle zB in die erste Spalte einen HTML-Absatz in dem du schreibst

<img src="http://www.deinedomain.de/images/Animierte-Grafik-Presbyteriumswahl2024.gif">

Selbstverständlich sollst du www.deinedomain.de mit der richtige domainname ersetzen.!!

Ich würde dann für die beiden anderen Bilder den Absatz Kachel 1 Spalte verwenden, wo du einfach das Bild einpflegen kannst.

Hallo Marjorie,

klasse, wie Du im Einsatz bist, um mir zu helfen. Aber es ist vergebliche Liebesmüh. Ich bekomme es nicht gebacken. HTML-Absatz, Deine img src-Zeile eingefügt, ...es tut sich nichts.
Also werde ich das Ganze lassen. Themenbezogen gefiel mir die animierte Grafik gut. Aber kein Problem, ich lasse es.
Aber Dir noch einmal ein extra Dankeschön und sicher auch gerne bis zum nächsten Mal!
Gruß
Kati

Hallo Kati

nicht aufgeben Du musst Deine animierte Grafik vor dem Einbinden zuerst bei Deinem Provider auf dem Server ablegen. Dazu eignet sich ein Programm wie z. B. FilleZilla usw.

Gehe dazu Schritt für Schritt vor:

1. öffne mit FilleZille zuerst www.deinedomain.de 
2. navigiere dann zu Images
3. lege dann Deine animierte Grafik (Titel von Dir vergeben) in diesem Verzeichnis ab
4. füge dann wie von Marjorie beschrieben eine Spalte mit HTML-Absatz an und füge dann in dieser den von Marjorie vorgegebene code ein (selbstverständlich mit den von Dir vergebenen Domainname und Bildertittel

Hallo René,

danke für Deinen Tipp. Eigentlich verständlich, hätte ich auch selbst drauf kommen können, dass die animierte Grafik auf dem Server abgelegt werden muss bevor man sie aufruft.

Danke auf alle Fälle. Das sollte ich schaffen!

Nochmals ein extra Dankeschön und Gruß
Kati

Hallo Kati,

versuche es mal mit folgenden Code im HTML-Absatz:

<img style="display: block;-webkit-user-select: none;margin: auto;" src="https://www.deinedomain.de/images/pictures/startseite/Animierte-Grafik-Presbyteriumswahl2024_6.gif">

Diese Code verwende ich auch und bei mir funktioniert er.

Zur Ordner-Erklärung zu deine Bilder:

Bilder-Hauptordner (nicht sichtbar) = images
Bilder = pictures
Startseite = dein vergebener Ordnername = startseite (?, vermute ich mal)
Diese findest du heraus wenn du in den Order-Eigenschaften siehst bei Allgemein -> "Ordnername"

Zuletzt die annimierte Grafik-Datei xy.gif = Animierte-Grafik-Presbyteriumswahl2024_6.gif

Wenn du ProWeb8 verwendest, dann kannst du auch in den Eigenschaften der Bild-Datei "Animierte-Grafik-Presbyteriumswahl2024.gif" nachsehen und die URL herauskopieren:

Rechtsklick auf "Animierte-Grafik-Presbyteriumswahl2024_6.gif" -> Eigenschaften -> rechts unten auf "URL des Bildes in die Zwischenablage kopieren" klicken und dann im Code oben zwischen scr=" ... "> einfügen. Dann ist auch mit Sicherheit der Link richtig geschrieben.

Funktioniert also auch ohne dass man die Bilddateien mit einem separaten FTP-Programm auf dem Server hochlädt.

Ich hatte doch auch schon geschrieben dass die Grafik auf den Server gelegt werden soll. (siehe unten)

<img src="http://www.deinedomain.de/images/Animierte-Grafik-Presbyteriumswahl2024.gif">

Hallo Marjorie,

meine beschriebene Mothode funktioniert auch ohne dass man mit einem separaten FTP-Programm die Bild-Datei hochlädt.

Danke Thomas, das wußte ich nicht. Auch ich kann noch was lernen

Aber rein persönlich bevorzüge ich meine eigene Methode, weil ich deine etwas umständlich finde. Das liegt vermutlich daran dass ich nicht daran gewöhnt bin.

Es ist doch nicht umständlich:

Rechtsklick auf "Animierte-Grafik-Presbyteriumswahl2024_6.gif" -> Eigenschaften -> rechts unten auf "URL des Bildes in die Zwischenablage kopieren" klicken und dann im Code oben zwischen scr=" ... "> einfügen.

Da hab ich auch wieder was dazugelernt. Danke dafür

Hallo MuggelClan,

ich kann es noch gar nicht fassen, die animierte Grafik funktioniert einwandfrei. Nicht nur Dir, nein Euch allen ein herzliches Dankeschön für Euren Einsatz und gelernt habe ich - und offensichtlich nicht nur ich- wie schön viel!
Eine abschließende Frage allerdings habe ich noch. An welcher Stelle kann ich die Größenangaben width und height einfügen, da ich die Grafik etwas verklienern möchte. Vor vielen Jahren habe ich die ersten Homepages in HTML geschrieben, war dementsprechend fit, aber das ist nun schon wirklich Jahrzehnte her. Deshalb wäre ich abschließend für einen Tipp noch dankbar.
Und eine Spende hat das Forum bei so viel Einsatz als Dankeschön auch verdient!
Gruß
Kati

<img
	src="https://presbyteriumswahl.de/wp-content/uploads/2023/11/Animierte-Grafik-Presbyteriumswahl2024.gif"
	style="max-width: 100%; height: auto;"
>

Die Werte von max-width und height nach Belieben anpassen. Oder auch einfach noch weitere individuelle CSS-Parameter zum Einsatz bringen.

Ergebnis:

Super, vielen Dank! Damit ist dieses Kapitel, das Euch alle so beschäftigt hat, erfolgreich beendet.

Gruß

Kati