Nivoslider: ändern Sie die Breite und Höhe der Schieberegler danach

Entwickle ich eine mobile version einer TYPO3-Website. Dort habe ich das plugin verwenden nivoslider verwendet die offiziellen bekannten Nivo Slider. Jetzt habe ich zum reduzieren der Größe des Reglers. Wie kann ich das erreichen?

In TYPO3 gibt es eine Einstellung auf der plugin-Seite mit Breite und Höhe, sondern dies würde auch Auswirkungen auf die full-size-website. Denn es ist kein Handbuch, ich glaube nicht, dass ich verwenden können, Typoscript, um die Breite und die Höhe danach.

Ich versucht die Breite mit CSS

.nivoSlider {
    width: 300px !important;
    height: auto !important;
}

.nivoSlider img {
    width: 300px !important;
    height: auto !important;
}

aber wenn der slider geladen ist, wird die normale Größe der Bilder. Nur der slider-container selbst ist zuschneiden der Bilder, aber es hat eine falsche Höhe (nur Punkte und ein kleiner Teil des Bildes gesehen werden kann).

Ich habe auch versucht, einen Blick in die Dokumentation zu sehen, wenn ich könnte legen Sie die Breite und die Höhe irgendwie. Aber ich habe nicht gefunden alle Einstellungen. Gibt es irgendwelche javascript - /jquery-Lösungen, die ich verwenden könnte? Das funktioniert nicht:

$(document).ready(function() {

  $('.nivoslider img').each(function(index, element){
    alert('test');
    $(this).width(300);
    var src = $(this).attr("src");
    src = 'fileadmin/templates/timthumb/timthumb.php?src=' + src + '&w=300';
    $(this).attr("src", src);
  });
});

Scheint es, dass .nivoslider ist nachher erbaut, aber mein code wird ausgeführt, bevor. Dies ist die Bestätigung:

  if ($('.nivoslider').length != 0) {
    alert('element found');
  }else{
    alert('element NOT found');
  }

Den obigen code gibt mir element NOT found, da die Initialisierung der Erweiterung am Ende des header und mein code ist vor. Wie kann ich Javascript-code am Ende der header in TYPO3?

Nun denke ich, dass ich diese mit CSS, denn ich sehe keine Lösung:

.nivoslider {
display: none;
}

InformationsquelleAutor testing | 2012-11-20