WebSite X5Help Center

 
Bernd N.
Bernd N.
User

Bild ein- und ausblenden  de

Autor: Bernd N.
Visited 250, Followers 2, Udostępniony 0  

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

Posted on the
14 ODPOWIEDZI
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

(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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Bernd N.
Bernd N.
User
Autor

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

Czytaj więcej
Posted on the from Bernd N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

... 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 -->

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Bernd N.
Bernd N.
User
Autor

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

Czytaj więcej
Posted on the from Bernd N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT
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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Bernd N.
Bernd N.
User
Autor

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

Czytaj więcej
Posted on the from Bernd N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

... 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...

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Bernd N.
Bernd N.
User
Autor

Hier das Verzeichnis...

Czytaj więcej
Posted on the from Bernd N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT
Bernd N.
Hier das Verzeichnis...

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

.

Czytaj więcej
Posted on the from  ‪ 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 -->

Czytaj więcej
Posted on the from Bernd N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

.... 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>

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Bernd N.
Bernd N.
User
Autor

10000000 mal Dank !! perfekt!!

Czytaj więcej
Posted on the from Bernd N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

... OK ... ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪