jScrollPane und bilder im scrollbereich

Alles was Euch/Uns sonst noch einfällt.

jScrollPane und bilder im scrollbereich

Beitragvon Richard.Laing » 28. Apr 2011, 12:42

hi@all
hat evtl. jemand eine idee wie ich den scroll fehler ausmerzen kann...?
problem ist wenn ich reinen text in dem scrollbaren div habe klappt es , sobald aber bilder mit im scrollbereich sind nicht mehr (erst nach reload der seite) der scrollbalken vergisst dann die höhe der bilder mit ein zu berechnen...

js
Code: Alles auswählen
<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function($) {
$(function()
   {
   // this initialises the demo scollpanes and makes it reinitialise itself once it's images have loaded...
   $('.scroll-pane')
      .jScrollPane(
         {
            showArrows:false,
            reinitialiseOnImageLoad: true
         }
   );
});});
/* ]]> */
</script>

html
Code: Alles auswählen
<div id="content" class="scroll-pane">
  <div class="galerie">
    <div class="max_galerie"><img src="index.php?rex_img_type=galerie&amp;rex_img_file=647x284.jpg" /></div>
    <div class="mini_galerie"> <a rel="shadowbox[mini_galerie]" href="files/110x70_01.jpg"><img src="index.php?rex_img_type=mini_galerie&amp;rex_img_file=110x70_01.jpg "/></a><a rel="shadowbox[mini_galerie]" href="files/110x70_02.jpg"><img src="index.php?rex_img_type=mini_galerie&amp;rex_img_file=110x70_02.jpg "/></a><a rel="shadowbox[mini_galerie]" href="files/110x70_03.jpg"><img src="index.php?rex_img_type=mini_galerie&amp;rex_img_file=110x70_03.jpg "/></a><a rel="shadowbox[mini_galerie]" href="files/110x70_04.jpg"><img src="index.php?rex_img_type=mini_galerie&amp;rex_img_file=110x70_04.jpg "/></a></div>
  </div>
  <div class="clear"></div>
  <div class="text_box1">
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.</p>
    <p>Sed et lectus in massa imperdiet tincidunt. Praesent neque tortor, sollicitudin non, euismod a, adipiscing a, est. Mauris diam metus, varius nec, faucibus at, faucibus sollicitudin, lectus. Nam posuere felis ac urna. Vestibulum tempor vestibulum urna. Nullam metus. Vivamus ac purus. Nullam interdum ullamcorper libero. Morbi vehicula imperdiet justo. Etiam mollis fringilla ante. Donec et dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam mi libero, luctus nec, blandit ac, rutrum ac, lectus.</p>
    <p>Morbi consequat felis vitae enim. Nunc nec lacus. Vestibulum odio. Morbi egestas, urna et mollis bibendum, enim tellus posuere justo, eget elementum purus urna nec lacus. Nullam in nulla. Praesent ac lorem. Donec metus risus, accumsan ut, mollis non, porttitor eget, mi. Aliquam aliquet, tortor a elementum aliquam, erat odio sodales eros, suscipit blandit lectus dolor sit amet elit. In eros wisi, mollis vitae, tincidunt in, suscipit id, nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus ornare. Suspendisse potenti. Mauris convallis. Vestibulum nec mauris in augue porta mollis. Proin ut nunc. Mauris aliquam dui eget purus.</p>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id </p>
  </div>
</div>

dachte das
Code: Alles auswählen
reinitialiseOnImageLoad: true

wäre dafür zuständig...
danke für tipps
gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland

Re: jScrollPane und bilder im scrollbereich

Beitragvon netmanix » 28. Apr 2011, 14:12

Deinen Bildern fehlen die Größenangaben, evtl. liegt es daran?
... Redaxo hat mich wieder
Benutzeravatar
netmanix
 
Beiträge: 293
Registriert: 11. Sep 2008, 19:35
Wohnort: Wesel

Re: jScrollPane und bilder im scrollbereich

Beitragvon Richard.Laing » 28. Apr 2011, 14:15

hi
habe es durch langes googeln herausgefunden... ;)

Code: Alles auswählen
autoReinitialise: true

ist die lösung.
gruß richy
ps: dabei brauchen die bilder keine größenangabe
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland


Zurück zu Sonstiges

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste