WebSite X5Help Center

 
Franz K.
Franz K.
User

Parallax und Smartphone  de

Autor: Franz K.
Besucht 911, Followers 1, Geteilt 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

Gepostet am
13 ANTWORTEN - 2 NüTZLICH
Franz K.
Franz K.
User
Autor

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

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von Andreas L.
Franz K.
Franz K.
User
Autor

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

Mehr lesen
Gepostet am von 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator

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?

Mehr lesen
Gepostet am von Andreas S.
Franz K.
Franz K.
User
Autor

Hallo Andreas,

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

Mehr lesen
Gepostet am von Franz K.
Franz K.
Franz K.
User
Autor

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.

Mehr lesen
Gepostet am von Franz K.
Andreas S.
Andreas S.
Moderator

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

Mehr lesen
Gepostet am von Andreas S.
Franz K.
Franz K.
User
Autor

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

Ohne Parallax?

Mehr lesen
Gepostet am von Franz K.
Franz K.
Franz K.
User
Autor

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

Mehr lesen
Gepostet am von 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪