Bilder im Slider auf Smartfon größer darstellen

09.11.2017 17:22
#1
Bi

In meinem letzten Post hab ich hilfe bekommen, wie ich Bilder im Slider größer darstellen kann. Das funktioniert prima auf einem großen Monitor, aber auf dem Smartfon ist das Bild jetzt leider sehr klein und sehr weit links.

Ist es möglich, dass Bild auf dem Fon größer dar zu stellen und es gleichzeitig auf dem Monitor vom Rechner so zu lassen wie es ist ?

Geht um folgende Seite

www.diebilderstube.com/testseite

Ist mit Designvorlage "Barcelona" erstellt.

Vielen Dank im Voraus und liebe Grüße
Peter

Outside of a dog, a book is a man's best friend. Inside of a dog it's too dark to read. *Groucho Marx*

 Antworten

 Beitrag melden
09.11.2017 22:51
avatar  FKWars
#2
avatar

Hallo Peter,
nimm doch vorerst den letzten Code wieder raus bis eine bessere Lösung gefunden wurde. Bin aber dran. vielleicht kann a_z mal ran.

Gruß Alex


 Antworten

 Beitrag melden
09.11.2017 23:38 (zuletzt bearbeitet: 09.11.2017 23:39)
avatar  FKWars
#3
avatar

Ich habe eine Testseite mit dem Barcelona Design angelegt

da schaut es mit dem Code

1
2
3
4
5
6
7
8
9
 
<style type="text/css">
/*<![CDATA[*/


#cc-m-11456111160 img {
height: auto !important;
}
/*]]>*/
</style>
 



so aus.



 Antworten

 Beitrag melden
10.11.2017 01:40
#4
Bi

Hey Alex,

danke fuer die Antwort. Habe den Code einfach mal unter den anderen Code von dir eingefuegt und auf dem Fon hat sich bei mir nix veraendert.
Also mim letzen Code konnte ich das so basteln, dass es aufm PC wirklich wie gewuenscht ist.
Die Idee meiner Frau ist halt, dass man aufm Fon die Bilder in den Galerien quasi Vollbild maessig hat mit nur einem zurueck zur Galerie Knopf und man das ganze wischen kann, also muss ich wohl die Sliderfunktion nutzen.
Ich hatte alles schon mit einzelnen Seiten pro Bild und einzelnen Links mit Knoepfen drunter gebastelt.... bei ca 150 Bilder sind das 300 Knoepfe mit Links.... da hat alles geklappt, bis auf dass man beim Fon die Knoepfe untereinander hatte.

Outside of a dog, a book is a man's best friend. Inside of a dog it's too dark to read. *Groucho Marx*

 Antworten

 Beitrag melden
10.11.2017 09:12
avatar  FKWars
#5
avatar

ich meinte

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<style type="text/css">
/*<![CDATA[*/

#cc-m-11456111160 {
width: 80vw;
left: calc(0vw + 8.5%);
position: relative;
padding: 0px;
}

#cc-m-11456111160 img {
height: auto !important;
}
/*]]>*/
</style>
 



heraus nehmen und

1
2
3
4
5
6
7
8
 
<style type="text/css">
/*<![CDATA[*/

#cc-m-11456111160 img {
height: auto !important;
}
/*]]>*/
</style>
 



einfügen.


 Antworten

 Beitrag melden
10.11.2017 09:47
avatar  FKWars
#6
avatar

hab es jetzt so auf einem Bacelona design getestet und zeigt die Galerie den Slider in vollbreite ob Mobil und auf dem Desktop PC an.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<style type="text/css">
/*<![CDATA[*/
/* full width image slider */

#cc-m-11456111160 {
width: 100vw;
left: calc(-50vw + 50%);
position: relative;
padding: 0px;
}

#cc-m-11456111160 img {
height: auto !important;
}
/*]]>*/
</style>
 


 Antworten

 Beitrag melden
10.11.2017 16:40
#7
Bi

Danke danke danke :-) find das klasse von dir, dass du mir so viel hilfst!

Aufm Fon ists (glaube ich, muss meine Frau noch fragen...) genau so wie es sein soll.

... nur aufm Rechner mit Monitor ists jetzt zu gross *duck und ganz schnell weg lauf*

Outside of a dog, a book is a man's best friend. Inside of a dog it's too dark to read. *Groucho Marx*

 Antworten

 Beitrag melden
10.11.2017 20:15
#8
Bi

hhmmmm nach bisserl Recherche bin ich drauf gekommen, dass es vielleicht helfen kann einen anderen Slider ein zu baun ?
Also der von Jimdo ist schon klasse, aber leider nit den speziellen Wuenschen meiner Frau so einfach an zu passen -.- Ich koennt auch ueberlegen die Frau zu tauschen .... hmmm.... Ma gucken, ich versuchs erstmal mit ner anderen Slideshow !

Outside of a dog, a book is a man's best friend. Inside of a dog it's too dark to read. *Groucho Marx*

 Antworten

 Beitrag melden
10.11.2017 22:06 (zuletzt bearbeitet: 10.11.2017 22:08)
avatar  TiJo
#9
Ti

Verwende doch eine von der Bildschirmgröße abhängige Darstellung.
Mit @media kannst du bestimmen wie was an welchem Medium angezeigt werden soll.


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!