WebSite X5Help Center

 
Franz K.
Franz K.
User

Parallax und Smartphone  de

Auteur : Franz K.
Visité 1296, Followers 1, Partagé 0  

Hallo,

ich suche eine Möglichkeit, mit der "JPG-Parallax-Bilder" auf dem Smartphone als "normale" Bilder angezeigt werden und sich dann auch responsiv verhalten.

Einen schönen Sonntag noch

Franz

Posté le
13 RéPONSES - 2 UTILE
Franz K.
Franz K.
User
Auteur

Danke, nicht ganz so wie ich mir das vorgestellt habe aber wenn ich keine ander Lösung bekomme ein Alternative.

Lire plus
Posté le de Franz K.
Andreas L.
Andreas L.
User

Im Mobilen Bereich ist es nicht empfehlenswert mit Parallax und Kirmesbuden blin bling. Auch die Browser schalten viele Effekte einfach ab.

Lire plus
Posté le de Andreas L.
Franz K.
Franz K.
User
Auteur

Genau deswegen möchte ich ja, dass auf dem Smartphone dann die Bilder "nur in JPG" erscheinen und sich so responsiv anpassen cool

Lire plus
Posté le de Franz K.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Franz K.
Genau deswegen möchte ich ja, dass auf dem Smartphone dann die Bilder "nur in JPG" erscheinen und sich so responsiv anpassen

(It > De)  ... für einen festen Para-Parallax-Effekt schauen Sie sich diese LINKS unserer Benutzer an:
- (Jens H. - DE) >>https://www.oedemzentrum-flow-motion.de/
- (Bahadır A. - EN) >> http://www.indesbilgisayar.com/emin2/     ... etc, etc., ... ... ... 
... sie haben meinen exklusiven EXTRA-Code verwendet ...
... wenn Sie interessiert sind, ist es einfach, ein Kopieren / Einfügen, aber Sie müssen den LINK  Ihrer Website posten, um bewerten zu können ...
... oder wenn Sie bereits Experte sind und wissen, wie es selbst geht, finden Sie meinen Code direkt auf ihrer Seite ...

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Normalerweise im Zeilenstil werden Effekte der Bilder immer automatisch beim mobilen Telefon deaktiviert!

Es kommt aber darauf wo du das Bild eingebunden hast um es nicht parallax anzuzeigen?

Lire plus
Posté le de Andreas S.
Franz K.
Franz K.
User
Auteur

Hallo Andreas,

habe die Bilder über das gekaufte Tool eingebunden ...

Lire plus
Posté le de Franz K.
Franz K.
Franz K.
User
Auteur

Hallo KolAsim,

- (Bahadır A. - EN) >> http://www.indesbilgisayar.com/emin2/ das sieht ja SUPER.

Die Website von mir ist noch nicht "freigegeben" aber unter www.franzkuehn.de/fts2021 zu sehen.

Lire plus
Posté le de Franz K.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Welches "Tool"?  Es werden doch die Hintergrundbilder beim Handy mitgescrollt. Also ist es ohne Parallax!

Lire plus
Posté le de Andreas S.
Franz K.
Franz K.
User
Auteur

"Tool": = Parallax Image!!! Siehe Bild!

Ohne Parallax?

Lire plus
Posté le de Franz K.
Franz K.
Franz K.
User
Auteur

Danke, ich habe ja den Parallaxe-Effekt. Genau den möchte ich ja auf dem Smartphone NICHT. Sondern nur das/die Bild/er responsiv ...

Lire plus
Posté le de Franz K.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Franz K.
Hallo KolAsim, - (Bahadır A. - EN) >> http://www.indesbilgisayar.com/emin2/ das sieht ja SUPER. Die Website von mir ist noch nicht "freigegeben" aber unter www.franzkuehn.de/fts2021 zu sehen.

... OK ... ... unter 720 Pixel...  ... nur für das erste Bild ... 

... code, ... nach Expertenbereich | Benutzerdefinierter Code | 3^ Option (/ HEAD):

<style>
@media (min-width: 720px) { #div_customK { display:none }}
@media (max-width: 719px) { .pluginAppObj_20 { background-image:url("")!important }
#imCell_2, #imCell_6, #imCell_19{ background-color: rgba(255, 255, 255, 0.85) !important }}
</style>
<script>$( document ).ready(function() {//K;
divK='<div id="div_customK" style="position:fixed; top:0px; width:100%; height:100%; z-index:-1; background-repeat:no-repeat; background-image:url(\'https://www.franzkuehn.de/fts2021/pluginAppObj/pluginAppObj_20/ftsbleistiftneu.jpg\'); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position: top center;"></div>'; $("body").append(divK); }); </script>

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪