WebSite X5Help Center

 
Franz K.
Franz K.
User

Parallax und Smartphone  de

Autor: Franz K.
Visitado 1323, Followers 1, Compartido 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

Publicado en
13 RESPUESTAS - 2 úTIL
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.

Leer más
Publicado en 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.

Leer más
Publicado en de 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

Leer más
Publicado en de Franz K.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes 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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Usuario del mes 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?

Leer más
Publicado en de Andreas S.
Franz K.
Franz K.
User
Autor

Hallo Andreas,

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

Leer más
Publicado en de 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.

Leer más
Publicado en de Franz K.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

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

Leer más
Publicado en de Andreas S.
Franz K.
Franz K.
User
Autor

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

Ohne Parallax?

Leer más
Publicado en de 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 ...

Leer más
Publicado en de Franz K.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes 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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪