+CMS COntent Management Homepage

/ Indeks dokumentacji / Wdrożenie / Szabon strony / Plik XHTML / Znaczniki w systemie / Statyczne elementy / cms:ImageSlideShow

cms:ImageSlideShow

<cms:ImageSlideShow id="ImageSlideShow"></cms:ImageSlideShow>

Element odpowiada za wyświetlenie galerii zdjęć wygenerowanej na podstawie wskazanych plików graficznych. Wskazywanie plików graficznych (zdjęc) do galerii ogbywa się przez znacznik cms:Slide.

Atrybuty

  • id - Identyfikator obiektu/elementu. Dowolny ciąg znaków wyróżniający dany element spośród pozostałych elementów tego samego modułu. Musi być on unikalny dla pojedynczego szablonu. Elementy tego samego typu (np. tekst) o identycznych identyfikatorach informują system o tym, że element na stronie ma swoją kopię (oba elementy są takie same). Identyfikator może posiadać polskie znaki i w sposób opisowy identyfikować element strony,

Atrubuty cms:Slide jako pod elementu cms:ImageSlideShow

  • ImageSource - Wymagane: Ścieżka dostępu do zdjęcia które zostanie wyświetlone po najechaniu na miniaturę zdjęcia.
  • Url - Opcjonalny: link do strony na którą zostanie przekierowany użytkownik gdy kliknie w zdjęcie zdefiniowane w ImageSource.
  • Title - Opcjonalny: opis zdjęcia - pokazuje się po najechaniu myszka na zdjęcie.
  • PreviewSource - Opcjonalne: Ścieżka dostępu do zdjęcia które zostanie wyświetlone jako miniatura.
  • PreviewTitle - Opcjonalny: opis zdjęcia - pokazuje się po najechaniu myszka na miniaturę zdjęcie.

Uwaga! Element cms:ImageSlideShow powoduje że kolejny element znajdującu się pod nim będzie wyrównywany do lewej strony. Aby wyłączyć wyrónwnywanie do lewej po elemencie cms:ImageSlideshow należy uzyć <div style="clear:both"></div>. Poniżej znajduje się przykład.

Przykład wdrożenia:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns:cms="http://manual.pluscms.net">

  <head />
  <body>
       <cms:ImageSlideShow id="ImageSlideShow">
               <cms:Slide id="Slide1" ImageSource="/cms/gfx/img/photo01.jpg" Title="Mój Slajd"
                                    
PreviewTitle="Miniatura"/>
               <cms:Slide id="Slide2" ImageSource="/cms/gfx/img/photo02.jpg" Title="Mój
Slajd"
                                     PreviewTitle="
Miniatura"/>
               <cms:Slide id="Slide3" ImageSource="/cms/gfx/img/photo03.jpg" Title="Mój Slajd"
                                     PreviewTitle="Miniatura"/>
               <cms:Slide id="Slide4" ImageSource="/cms/gfx/img/photo04.jpg"
                                    PreviewSource="/cms/gfx/img/photo04_mini.jpg" 
                                    Url="http://www.onet.pl" Title="Mój tytuł"/>
    </cms:ImageSlideShow>

<div styel="clear:both"> Ten element pojawi się poniżej cms:ImageSlideHow</div>

  </body>

</html>

 

Zobacz więcej...

Metryka dokumentu

Tytuł: Element cms:ImageSlideShow
Opis: Dokumentacja elementu cms:ImageSlideShow.
Źródło: +CMS Dokumentacja
Prawa autorskie: +CMS Content Management System
Autor: root Zmodyfikowany przez: root
Data utworzenia: 2009-10-09 17:11:29 Data modyfikacji: 2009-10-09 17:30:35
Data publikacji: 2009-10-09 17:30:35
(c) +CMS Content Management Platform