WebSite X5Help Center

 
Bernd N.
Bernd N.
User

Bild ein- und ausblenden  de

Autor: Bernd N.
Visitado 392, Followers 2, Compartido 0  

Kann ich auf der Homepage ein Bild automatisch kurz einblenden und nach kurzer Zeit wieder ausblenden?

Publicado en
14 RESPUESTAS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > De) ... ...je nachdem, was Sie tun müssen, gibt es verschiedene Interpretationen...
... wenn es sich um ein auf der Site-Seite vorhandenes Bild handelt, kann es mit meinem EXTRA-Code rechtzeitig ausgeblendet werden...
... oder Sie nutzen die Werbebotschaft,. das dann wie erwartet mit dem Klick (X) geschlossen werden kann, oder rechtzeitig mit meinem EXTRA-Code...
... oder mit meinem EXTRA-Code können Sie ein Bild über die Seite legen und es dann mit der Zeit verschwinden lassen...
... usw. usw. für andere Methoden ...

.

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Bernd N.
Bernd N.
User
Autor

was ist das für eun TOOL  'mit meinem EXTRA-Code' ?

Leer más
Publicado en de Bernd N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... je nach Ansatz gibt es Dutzende verschiedener CSS-JavaScript-Codes, um ähnliche Ergebnisse zu erzielen; ...es gibt keine definierte Methode...
...dieser Code ist meine Erfindung mit CSS; ... fügen Sie diesen Code einfach in ein HTML-Codeobjekt oder in das Expertenfenster der Seiteneigenschaften ein, um selbst zu verstehen, was passiert und wie es funktioniert:

<!-- DIV_CUSTOM - CSS temporizzato - by KolAsim - INIZIO -->
<style>
#imgK {-webkit-animation:fadein_outK 10s linear 1 forwards;animation:fadein_outK 10s linear 1 forwards;}
@-webkit-keyframes fadein_outK{0%{opacity:0;}25%{opacity:0;}30%{opacity:1;}95%{opacity:1;}100%{opacity:0;}}
</style>
<div id="imgK" style="position: fixed;top:50%;margin-top:-100px;width:auto;height:200px;">
<img src="https://cdn.pixabay.com/photo/2023/11/08/07/24/gifts-8374060_640.png" height="100%">
</div>
<!-- DIV_CUSTOM - by KolAsim - FINE -->

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Bernd N.
Bernd N.
User
Autor

Herzlichen Dank!
Das funktioniert so wie ich es möchte.
Aber wie kann ich transparenz abschalten?

Leer más
Publicado en de Bernd N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Bernd N.
... ... ...  Aber wie kann ich transparenz abschalten?

... was meinst du mit Transparenz...?...
... wenn du mir deinen LINK schickst, könnte ich etwaige Probleme beurteilen...

.

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Bernd N.
Bernd N.
User
Autor

Das Bild soll voll angezeigt werden.
den Text darunter  soll nicht sichtbar sein!

Leer más
Publicado en de Bernd N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ohne LINK kann ich nicht bewerten...
... Versuchen Sie in der Zwischenzeit trotzdem, die z-index-Ebene hinzuzufügen, indem Sie diese Zeichenfolge wie folgt ändern:
<div id="imgK" style="position: fixed;top:50%;margin-top:-100px;width:auto;height:200px;z-index:1000000">

...um einen Beispiel-LINK zu erstellen, klicken Sie einfach in Export in Schritt_5 auf ein Verzeichnis zum Testen...

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Bernd N.
Bernd N.
User
Autor

Hier das Verzeichnis...

Leer más
Publicado en de Bernd N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Bernd N.
Hier das Verzeichnis...

...Es tut mir leid, aber ich sehe den Zusammenhang nicht...
...wenn du es tust, werde ich hierher zurückkommen...

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Bernd N.
Bernd N.
User
Autor

das ist der CODE:

<!-- DIV_CUSTOM - CSS temporizzato - by KolAsim - INIZIO -->
<style>
#imgK {-webkit-animation:fadein_outK 10s linear 1 forwards;animation:fadein_outK 10s linear 1 forwards;}
@-webkit-keyframes fadein_outK{0%{opacity:0;}20%{opacity:01;}30%{opacity:1;}100%{opacity:1;}100%{opacity:0;}}
</style>

<div id="imgK" style="position: fixed;top:50%;margin-top:-100px;width:auto;height:400px;z-index:1000000">
<img src="https://www.feldjaeger.de/PDF/Weihnachten2024.jpg" height="100%">
</div>
<!-- DIV_CUSTOM - by KolAsim - FINE -->

Leer más
Publicado en de Bernd N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

.... Fügen Sie im <style>-Tag die Zeichenfolge in Fettschrift hinzu, also etwa so:

<style>
#imCell_14{z-index:1000000 !important}
#imgK {-webkit-animation:fadein_outK 10s linear 1 forwards;animation:fadein_outK 10s linear 1 forwards;}
@-webkit-keyframes fadein_outK{0%{opacity:0;}20%{opacity:01;}30%{opacity:1;}100%{opacity:1;}100%{opacity:0;}}
</style>

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Bernd N.
Bernd N.
User
Autor

10000000 mal Dank !! perfekt!!

Leer más
Publicado en de Bernd N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪