Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Bilder im Slider größer darstellen
#1
Hallo,
habe eine Seite mit Fotos gebastelt. Ist es möglich die Bilder im Slider größer dar zu stellen ? Ich möchte nicht die Funktion mit drauf klicken -> größer nutzen.
Sondern, dass die Bilder gleich beim aufrufen der Seite so groß sind.
<edit> Achso vergessen zu erwähnen.... Designvorlage ist Barcelona und auf der Seite mit den Fotos, soll nur das Foto im Slider zu sehen sein. Kein Logo keine Überschrift oder ähnliches.
Bin ausserdem totaler HTML noob -.-
Wäre auch echt klasse, wenn man den kleinen "play"Button aus der Mitte des Bildes rausbekommen kann wenn man mit der Maus drüber fährt.
https://www.diebilderstube.com/testseite/
Also, statt das man auf vergrößern klickt, einfach so schon groß :-)
Vielen Dank im Voraus und mit freundlichen Grüßen
Peter

Hallo Peter,
schau mal ob es so bei Dir hin haut. Der Code ist für die Größe des Sliders
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>
bei width kannst du ihn anpassen eventuell musst du auch left anpassen.
Probier mal Code für den Button
2
3
4
5
6
7
8
<style type="text/css">
/*<![CDATA[*/
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item {
display: none;
}
/*]]>*/
</style>
Gruß FKWars
#3
Hi FKWars,
vielen Dank für die schnelle Antwort :-)
Waaa klasse, hab einfach mal in Head gepasted und schon ist das Bild riesig!
Danke Danke Danke
Der play Knopf ist auch verschwunden.
Nochmal Danke Danke Danke !
Ein Problem habe ich leider immernoch.... Auf dem Fon ist das Bild jetzt wintzig klein und irgendwie sehr weit links Oo
Dass es auf dem Fon gut aussieht, ist meiner Frau noch wichtiger, als dass es auf einem großen Monitor gut aussieht :/
Am besten ist natürlich, wenn das Bild auf beiden Medien gut aussieht :-O

...probiere folgendes:
2
3
4
5
6
7
8
9
10
11
12
13
14
<style type="text/css">
/*<![CDATA[*/
@media (min-width:768px;) {
/* Deine CSS-Anweisungen hier*/
}
/*]]>*/
</style>
...dann gelten Deine Anweisungen nur für Desktop-Ansichten
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
#5
- Allgemeines
- Regeln für die Benutzung des Forums
- HowToDo ( = so geht´s)
- Jimdo User-Forum
- Eure Jimdo-Webseiten - Vorstellungsrunde
- Bugs, Workarounds und Anregungen
- Jimdo-Elemente
- Allgemeines
- Jimdo-Shop
- Jimdo-Specials (Tools, Widgets, HTML und CSS)
- Suchmaschinenoptimierung (SEO)
- Sonstiges
- Tutorials
- "OffTopic"-Themen
- "Übernahme" von Beiträgen aus dem offiziellen Jimdo-Forum...
- Nutzungsbedingungen und Haftungsausschluss
- Jimdo-Blog
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!