jQuery stellt Bilder immer nur in der gleichen Größe dar (200x200)

[Lothi]

Hallo,
habe jQuery gemäß Anleitung
http://www.nof-academy.de/jQuery%20Cycle%20Plugin%20in%20NOF%20einbinden/index.html
in die eine Unterseite eingebunden. Im Textfeld habe ich, wie beschrieben, den Bildlink und die Bildgröße eingetragen (als .jpg). Leider wird die Bildgröße bei der Publizierung nicht dargestellt, sondern bleibt bei den 200x200 die ursprünglich im Codeschnipsel für den Text eingebaut waren.
Ansonsten ist das ein tolles Plugin
Kann jemand helfen?
Viele Grüße
Lothi

[nettesekel]

Hallo Lothi und willkommen im Forum, 

öffne mal die cycle.css und editiere dort die Maße der Bilder ebenfalls...

Ich muss morgen mal nachsehen, ob ich das vergessen habe zu erklären... dann hole ich es nach.

l.g. nettesekel

[Lothi]

Hallo,
vielen Dank für die Antwort - können Sie das bitte näher beschreiben?
Vielen Dank und Gruß, Lothar

[nettesekel]

Wenn du die Datei cycle.css im Editor öffnest, dann kannst du ihren Inhalt bearbeiten. Der Inhalt der Datei sieht wie folgt aus:

Code: HTML5

1. .pics { height: 226px; width: 226px; padding:0; margin:0; overflow: hidden }
2. .pics img { height: 200px; width: 200px; padding: 12px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
3. .pics img { -moz-border-radius: 10px; -webkit-border-radius: 10px;}
4.  
5. #slideshow { margin: 0px auto; width: 226px; height: 226px; }
6. #nav { z-index: 50; position: absolute; bottom: 10px; left: 35px }
7. #nav a { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background: #cff; text-decoration: none }
8. #nav a.activeSlide { background: #aaf }
9. #nav a:focus { outline: none; }

Die ersten zwei Eintragungen beinhaltet die Angaben zu den Bildern, nämlich diese hier:

Code: HTML5

1. .pics { height: 226px; width: 226px; padding:0; margin:0; overflow: hidden }

Hier bei width und height die geänderten Bildmaße zuzüglich 26px für den weißen Rand eintragen.


und

Code: HTML5

1. .pics img { height: 200px; width: 200px; padding: 12px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }

Hier bei width und height die reinen geänderten Bildmaße eintragen.

l.g. nettesekel

[Lothi]

Hallo nettesekel, sorry, das ich nochmal nerve.
Aber Beschreibung ist gut. Jetzt ist die Gretchenfrage nur noch, wie ich mir die Datei cycle.css überhaupt anzeigen lassen kann. Sie schreiben im Code-Editor. Also: Wenn ich auf die Seitenansicht gehe, ist rechts der CSS-Code-Editor, der ist aber leer oder finde ich den ganz woanders?.
Oder bin ich komplett auf dem falschen Dampfer? Wäre klasse, wenn das Rätsel sich auch noch lösen ließe.
Liebe Grüße, Lothar

[nettesekel]

Einfach den Windows-Editor nutzen. Meist im Menü unter Programme >> Zubehör >> Editor zu finden... ist ganz gut mit einem Rechtsklick auf die css-Datei und der Auswahl "öffnen mit" realisierbar. Hat ja nicht wirklich etwas mit NOF zu tun... deshalb solch Dateien immer in einem externen Editor bearbeiten.
Nun klarer?

[Lothi]

Fast. Jetzt bräuchte ich nur noch die Info, wie und wo ich die Datei "cycle.css" in NOF aufrufe, damit ich rechts zum Öffnen im Windows-Editor klicken kann. Sorry - bin ganz am Anfang.
Viele Grüße, Lothar

[nettesekel]

Es kommt darauf welche der zwei beschriebenen Varianten aus dem Tutorial du nutzt.
Ich habe geschrieben, man kann die Scriptdateien in den Ordner lokale Publizierung kopieren (und später auch auf den Server) oder die Scriptdateien als Assets einbinden.

Hast du sie als Asset in dein Projekt eingebunden, dann rufst du im Ordner Usersites deinen Projektordner auf, öffnest den Assetordner und suchst dir dort die Datei zur Bearbeitung.

Kopierst du die Scriptdateien einfach nur in den Ordner lokale Publizierung und auf den Server, dann öffnest du den kopierten Ordner, rufst die Datei auf und bearbeitest sie dann.

Ich hoffe, ich konnte für etwas Klarheit sorgen.
Bin heute ein wenig unterwegs und kann nur sporadisch eventuell vom Handy aus helfen... also nicht wundern, wenn die Hilfe zwischendurch mal ans stocken gerät...