Warning: count(): Parameter must be an array or an object that implements Countable in /volume1/web/dev/libraries/cms/application/cms.php on line 460 Call Stack: 0.0000 361328 1. {main}() /volume1/web/dev/index.php:0 0.0881 706864 2. JApplicationSite->execute() /volume1/web/dev/index.php:49 0.3114 2021032 3. JApplicationSite->render() /volume1/web/dev/libraries/cms/application/cms.php:263 0.3115 2021048 4. JApplicationSite->render() /volume1/web/dev/libraries/cms/application/site.php:745 0.3117 2026120 5. JDocumentHtml->render() /volume1/web/dev/libraries/cms/application/cms.php:1068 0.3117 2026120 6. JDocumentHtml->_renderTemplate() /volume1/web/dev/libraries/joomla/document/html.php:477 0.3120 2029648 7. JDocumentHtml->getBuffer() /volume1/web/dev/libraries/joomla/document/html.php:697 0.3121 2030456 8. JDocumentRendererHtmlMessage->render() /volume1/web/dev/libraries/joomla/document/html.php:411 0.3121 2030456 9. JDocumentRendererHtmlMessage->getData() /volume1/web/dev/libraries/joomla/document/renderer/html/message.php:32 0.3121 2030456 10. JApplicationSite->getMessageQueue() /volume1/web/dev/libraries/joomla/document/renderer/html/message.php:71 Multibox Setup Tutorial

Multibox Setup Tutorial

詳細內容
點擊數：3839


Features:

  • Supports a range of multimedia formats: images, flash, video, mp3s, html!
  • Auto detects formats or you can specify the format
  • Html descriptions
  • Enable/Disable page overlay when multibox pops up (via template parameters)
  • Enable/Disable controls (via template parameters)

    • Images Example

    Image #1. It can support html.
    Image #2. It can support html.
    Image #3. It can support html.

    To enable use the following around any group of images:

    <a href="http://www.shape5.com/demo/images/multibox1_lrg.jpg" id="mb2" class="s5mb" title="Grouped Image Example #1:"> <img src="http://www.shape5.com/demo/images/multibox1.jpg" class="boxed" alt="" /> </a> <div class="s5_multibox mb2">Multiple Image #1. It can support <strong>html</strong>.</div>

    <a href="http://www.shape5.com/demo/images/multibox2_lrg.jpg" id="mb3" class="s5mb" title="Grouped Image Example #2:"> <img src="http://www.shape5.com/demo/images/multibox2.jpg" class="boxed" alt="" /> </a> <div class="s5_multibox mb3">Multiple Image #2. It can support <strong>html</strong>.</div>

    <a href="http://www.shape5.com/demo/images/multibox3_lrg.jpg" id="mb4" class="s5mb" title="Grouped Image Example #3:"> <img src="http://www.shape5.com/demo/images/multibox3.jpg" class="boxed" alt="" /> </a> <div class="s5_multibox mb4">Multiple Image #3. It can support <strong>html</strong>.</div>

    Video Example:

    Youtube.com Video - CLICK ME
    UP: Carl and Ellie


    You can use the following video formats: flv, mov, wmv, real and swf. Just insert the URL to the videos in the href of the hyperlink, here is an example of how we did this for a Youtube video:
    <a href="http://www.youtube.com/v/VGiGHQeOqII" id="youtube" class="s5mb" title="Youtube.com Video"> Youtube.com Video - CLICK ME </a> <div class="s5_multibox youtube">UP: Carl and Ellie </div>

    YouTube Tutorial: Simply right click on a youtube video and copy the embed code, then paste into a text editor and look for the embed src and use that URL in your hyperlink.
    <embed src= http://www.youtube.com/v/VGiGHQeOqII

    MP3 Example:

    MP3 example - CLICK ME
    mp3 example

    <a href="http://www.shape5.com/demo/images/music.mp3" id="mb8" class="s5mb" title="Music">MP3 example</a> <div class="s5_multibox mb8">mp3 example - CLICK ME</div>

    iFrame:

    iFrame/HTML Example - CLICK ME
    Google.com

    <a href="http://www.google.com" rel="width:790,height:600" id="mb28" class="s5mb" title="Google.com">iFrame/HTML Example - CLICK ME</a> <div class="s5_multibox mb28">Google.com</div>



    I like what I see! I want to JOIN TODAY.