WebSite X5Help Center

 
Franz K.
Franz K.
User

Parallax und Smartphone  de

Author: Franz K.
Visited 1321, Followers 1, Shared 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

Posted on the
13 ANSWERS - 2 USEFUL
Franz K.
Franz K.
User
Author

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

Read more
Posted on the from 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.

Read more
Posted on the from Andreas L.
Franz K.
Franz K.
User
Author

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

Read more
Posted on the from Franz K.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT
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

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Best User of the month 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?

Read more
Posted on the from Andreas S.
Franz K.
Franz K.
User
Author

Hallo Andreas,

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

Read more
Posted on the from Franz K.
Franz K.
Franz K.
User
Author

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.

Read more
Posted on the from Franz K.
Andreas S.
Andreas S.
Moderator
Best User of the month DE

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

Read more
Posted on the from Andreas S.
Franz K.
Franz K.
User
Author

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

Ohne Parallax?

Read more
Posted on the from Franz K.
Franz K.
Franz K.
User
Author

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

Read more
Posted on the from Franz K.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT
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

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪