Nivo-Slider Problem: Bilder bei Laden der Seite kurz untereinander

Deutsches Forum
1

Liebe Community,

da ich bei folgenden problem trotz mehrmaliger änderungen im nivoslider setup leider keine lösung finde, hoffe ich hier auf ein paar leute, die das handwerk mehr verstehen als ich.

problem: beim laden der seite http://pa-and-light.com wird der nivo slider, den ich nach anleitung im tutorial bereich integriert habe, beim laden kurz “falsch” dargestellt. die bilder erscheinen kurzzeitig untereinander.

für hilfe wäre ich sehr dankbar.

lg micha

2

Hallo Micha,
also CSS Eigenschaft

overflow: hidden;

sowohl für .oxSlider und .nivoSlider ist vorhanden. Das ist auch gut so.
Ich schätze mal deine Wunschgröße für die Banner wäre 940 x 220px die leider vom Template beim Erstaufruf Ignoriert wird weil eben dort noch andere Werte stehen:

<img width="600" height="360" alt="" src="img1.jpg">

Bearbeiten kannst du die Werte in der Regel hier (bin mir nicht sicher welcher NivoSlider Modul du im Einsatz hast, ansonsten suchen):

[B]/application/views/azure/tpl/widget/promoslider.tpl[/B]

Grüße
Rafig

3

[{assign var=oBanners value=$oView->getBanners() }]
[{assign var=“currency” value=$oView->getActCurrency()}]
[{if $oBanners}]
<div id=“slider”>
[{foreach from=$oBanners item=oBanner }]
[{assign var=oArticle value=$oBanner->getBannerArticle() }]
[{assign var=sBannerLink value=$oBanner->getBannerLink() }]
[{if $sBannerLink }]
<a href=“[{ $sBannerLink }]”>
[{/if}]
[{*if $oArticle }]
<span class=“promoBox”>
<strong class=“promoPrice”>[{ $oArticle->getFPrice() }] [{ $currency->sign}]</strong>
<strong class=“promoTitle”>[{ $oArticle->oxarticles__oxtitle->value }]</strong>
</span>
[{/if *}]
[{assign var=sBannerPictureUrl value=$oBanner->getBannerPictureUrl() }]
[{if $sBannerPictureUrl }]
<img src=“[{ $sBannerPictureUrl }]” height=“220” width=“940” alt=“[{ $oArticle->oxarticles__oxtitle->value }]”>
[{/if }]
[{if $sBannerLink }]
</a>
[{/if}]
[{/foreach }]
</div>
[{/if }]

Vielen Dank für die HIlfe,
Tatsächlich waren die Größen falsch eingestellt.
nun habe ich jedoch das Problem, dass die Bilder beim laden zwar in der richtigen größe erscheinen, aber kurz untereinander.

Noch eine brauchbare idee?

lg micha

4

Moin cracko 2002,

sonst, wenn alle Stricke reissen, mal HIERklicken…

Der ruckelt nicht, KANN CSS3 (ist also auch für Google lesbar!!) und ist genauso einfach zu integrieren wie Vanillas Nivo-Slider. Kann aber doch bei Bedarf ein Vielfaches des Nivo-Sliders.

Beste Grüsse

Thomas

5

jepp, läuft super - easy integriert und ist selbst für nen Noob wie mich mit ein wenig Gebastel individuell anpassbar

6

danke aber ich hab es erstmal unsauber gelöst, die größe oben im tag hab ich einfach auf 1x1 px gestellt. somit sind die bilder beim laden nicht sichtbar. zwar nicht toll aber funktioniert erstmal
lg

7

Aus eigener Erfahrung:

Das Problem liegt zunächst darin, dass mit diesem Modul der promoslider überschrieben wird und damit die Abhängigkeit zu vielen Oxid Dateien mit Einstellungen width/height in Oxid besteht, die das Ergebnis beinflussen:

  • promoslider.tpl
  • oxid.css
  • oxslider.js
  • anythingslider.js
    Es müssen alle auf width/height durchsucht und geändert werden.

Ausserdem erfordert ein sauberer Nivo-Slider Bildlauf selbstverständlich exakt gleiche Bildgrösse für alle Bilder.

Schau zur Kontrolle auch mal den geparsten Quellcode aus dem Browser dazu an.

8

Der Modul Ersteller ist kein Neuling und kennt seinen Handwerk. Wenn es sich hierbei um VT NivoSlider handelt hat er alle dieser Dateien Berücksichtigt und angepasst. Was anders würde mich sehr überraschen. :slight_smile:

Grüße
Rafig