loading...

Saturday, November 6, 2010

how to add flash page flip slideshow to blogger

MegaZine3 is an open source, Flash drivenpageflip engine. A pageflip engine is a tool which recreates the look and feel of actual books or magazines on the screen.In this tutorial i will teach how to integrate megazine flash page flip slideshow to blogger.
                                                         Download        Demo
how to add flash page flip slideshow to blogger
How to add MegaZine3
Step1
First Download the required files and host it.I prefer Dropbox.
Then copy the below code and paste in the html/javascript gadget.thats it your flash page flip is in action.
Make sure that you change the following changes that i have highlighted with red color.
To change the image sources go to mz3v2.0.10\megazine\src.
<center>
<div id="megazine">

<h2 style="margin-top: 20px;">
<em>Flash Player 9</em>


not installed, or


<em>JavaScript</em> disabled.</h2>

<a href="http://www.adobe.com/go/getflashplayer" target="_blank"><img alt="Get Adobe Flash player" height="33" src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" width="112" /></a>

</div>
</center>
<script src="http://dl.dropbox.com/u/13256471/mz3v2.0.10/js/swfobject.js" type="text/javascript">
</script> 
<script type="text/javascript">
 
  //<![CDATA[
  var flashvars = { xmlFile: "http://dl.dropbox.com/u/13256471/mz3v2.0.10/megazine/megazine.mz3" };
  var params = { menu: "false", scale: "noScale",wmode:"transparent" };
  swfobject.embedSWF("http://dl.dropbox.com/u/13256471/mz3v2.0.10/megazine/megazine.swf", "megazine", "552", "294", "9.0.115", "http://dl.dropbox.com/u/13256471/mz3v2.0.10/js/expressInstall.swf", flashvars, params);
  //]]>
 
</script>

Step2
Add images in the xml file is easy.Here the xml file extension is different (megazine.mz3).open the file and change or add images using the syntax below between(<chapter>........</chapter>)

<page>
            <img src="src/01.jpg"/>
        </page>

11 comments:

  1. Thank you so much for this tutorial!

    Which files do I need to upload to a server?

    ReplyDelete
  2. Please help me with any information. I'm stuck and I desperately need your help. Please explain to me what I'm supposed to do.

    ReplyDelete
  3. sorry for replying late...did you download the files from hotlink.....Just extract the rar file and upload the entire unpacked folder to your server.and copy the following locations megazine.swf,megazine.mz3,swfobject.js,expressinstall.swf

    if you are using blogger means i recommend you to use dropbox(look links that are red highlighted )
    if you have any more problem dont hesitate to ask me ,i will help you mate

    ReplyDelete
  4. how do you edit the mz3 file? every time i edit it, it turns into an xml file.

    ReplyDelete
  5. try to open in notepad++ and edit it

    ReplyDelete
  6. ok. all files in same folder. new problem: big red box w/this text in it:

    Could not load XML data

    This means the path to the book's definition is invalid. If you did not define a custom path, the file must be named 'megazine.mz3' and must be located in the same folder as the 'megazine.swf' file. If you did define a custom path, please check again if it is correct.
    If you are using an IIS server, make sure the .mz3 and .asul file extensions are registered, or use the xmlFile and book@asulextension settings to avoid these extensions.

    The actual error was:
    Error #2032



    Can you help me? This is frustrating!

    ReplyDelete
  7. first thing i want to know is,are you trying to install in blogger or some other platform.

    if so you are using blogger try to copy the above code and paste it(the files will be hosted in my dropbox) and tell me is it working for you.

    if you still find problem in installing ask me mate

    ReplyDelete
  8. I find a good site to make page flip, you can try this
    1.visit http://www.axmag.com
    2.choice "upload" and follow the instruction.
    3.copy the html code in "share" and reinsert in Blogger "edit HTML"

    ReplyDelete
  9. Hey dude
    that download link is broken. Please give new download link,

    ReplyDelete
  10. http://dl.dropbox.com/u/13256471/mz3v2.0.10.zip

    ReplyDelete
  11. What do I change the numbers in red to?

    ReplyDelete

fuzionpro Headline

fuzionpro