Effects

One of DhoniShow’s amazing features are really smooth image transitions. At the moment you can choose one of four transition effects:

effect_appear

This will be used as the default transition effect. The opacity of images is cross-faded during changing images.

Preview
Ear-O-tation Lato Benjamin Pink's not red Pasta für Pawel Cordless
Source
<div class="dhonishow effect_appear">
  <img src="earo-lato.jpg" alt="Ear-O-tation Lato" />
  <img src="benjamin.jpg" alt="Benjamin" />
  <img src="pinks_not_red.jpg" alt="Pink's not red" />
  <img src="pasta.jpg" alt="Pasta für Pawel" />
  <img src="cordless.jpg" alt="Cordless" />
</div>

effect_resize

This is one of the more creative effects: The whole gallery resizes to the dimensions of the next image.

Note: If you have set any center options, they will be discarded (because of nonsense in this case).

Preview
Benjamin Ear-O-tation Lato Pink's not red Pasta für Pawel Cordless
Source
<div class="dhonishow effect_resize">
  <img src="/sites/default/files/shows/preview/benjamin.jpg" alt="Benjamin" />
  <img src="/sites/default/files/shows/preview/earo-lato.jpg" alt="Ear-O-tation Lato" />
  <img src="/sites/default/files/shows/preview/pinks_not_red.jpg" alt="Pink's not red" />
  <img src="/sites/default/files/shows/preview/pasta.jpg" alt="Pasta für Pawel" />
  <img src="/sites/default/files/shows/preview/cordless.jpg" alt="Cordless" />
</div>

effect_slide

This is an elegant way to present your images to your users: Images are ordered side by side like a stripe. You might also try vertical sliding with effect_slide-top.

Preview
Pink's not red Ear-O-tation Lato Benjamin Pasta für Pawel Cordless
Source
<div class="dhonishow effect_slide">
    <img src="/sites/default/files/shows/preview/pinks_not_red.jpg" alt="Pink's not red" />
    <img src="/sites/default/files/shows/preview/earo-lato.jpg" alt="Ear-O-tation Lato" />
    <img src="/sites/default/files/shows/preview/benjamin.jpg" alt="Benjamin" />
    <img src="/sites/default/files/shows/preview/pasta.jpg" alt="Pasta für Pawel" />
    <img src="/sites/default/files/shows/preview/cordless.jpg" alt="Cordless" />
</div>

effect_slide-top

Behaves like effect_slide, only moving the images vertically instead of horizontally.

Preview
Pasta für Pawel Ear-O-tation Lato Benjamin Pink's not red Cordless
Source
<div class="dhonishow effect_slide-top">
  <img src="/sites/default/files/shows/preview/pasta.jpg" alt="Pasta für Pawel" />
  <img src="/sites/default/files/shows/preview/earo-lato.jpg" alt="Ear-O-tation Lato" />
  <img src="/sites/default/files/shows/preview/benjamin.jpg" alt="Benjamin" />
  <img src="/sites/default/files/shows/preview/pinks_not_red.jpg" alt="Pink's not red" />
  <img src="/sites/default/files/shows/preview/cordless.jpg" alt="Cordless" />
</div>