Categories

.uiCoverflow()

Categories: UI

.uiCoverflow( [ options ] )

Subclass: ep

Inherit: (Subclass: ep) .widget()

Plugin: ep.ui.coverflow

Description: Create a flash coverflow effect to display images.

  • .uiCoverflow( [ options ] )

    version added: 6.11.1

    options   A map of additional options pass to the method.

The .uiCoverflow() method creates a flash object to display the given images.

The classes BorderColor0x000000,MainColorAlt0x000000 and MainColor0x000000 define how the created coverflow will look like. title and title2 define how the to action links of the coverflow are named. The first action link takes the src from the a tag of every image in the collection as target. The second link only workes inside ePages and uses the addToBasket method of this widget.

You can create a coverflow with the optional parameter imagesData and pass the images data in an array to the widget like:

  • Apply .uiCoverflow() to collection of images.

    HTML:
    <div class="CoverFlow BorderColor0x333333 MainColorAlt0x000000 MainColor0x000000 HideElement" title="Coverflow" title2="title2">
      <a href="http://www.epages.de">
        <img src="ep/ui/CoverflowTest_image.jpg"
             longdesc="longDescription"
        />
      </a>
      <a href="http://www.epages.de">
       <img src="ep/ui/CoverflowTest_image.jpg"
            longdesc="longDescription"
       />
      </a>
    </div>
    
    Code:
    ep('.CoverFlow')
        .uiCoverflow({});
    
    
  • Apply .uiCoverflow() to a domnode and add images directly via parameter.

    HTML:
    <div class="CoverFlow BorderColor0x333333 MainColorAlt0x000000 MainColor0x000000 HideElement" title="Coverflow" title2="title2">
    </div>
    
    Code:
    ep('.CoverFlow')
        .uiCoverflow({
          imagesData: [
          {
            medium: 'imageA.png',
            desciption:'a beautiful image'
          },
          {
            medium: 'imageB.png',
            desciption:'a beautiful image'
          }
          ]
        });
    
    
  • imagesData

    version added: 6.11.1

    an array of hashes with the data of the images to display

  • getData

    • .uiCoverflow( 'getData' )

      version added: 6.11.1

    returns the data of the images which will be displayed inside the coverflow. This method is called by the flash object.

  • addToBasket

    • .uiForm( 'addToBasket' )

      version added: 6.11.1

    this method is a connector method for the flash object and adds the current selected product to the basket. method only works inside epages and with valid product data.