Menyisipkan Piecemaker 3D Image Slideshow

 

  1. Download Pecemaker disini ,
  2. Posisi pada server adalahsebagai berikut
  1. Di server
  • Htdoc / public_html
    • Picemaker
      • Content
      • Script

Index.html

Profile.html

Dll

  • Image  
  • data

 

  1. Di komputer lokal
  • Tugasweb    (folder yang didefinikan )
    • Picemaker
      • Content
      • Script

Index.html

Profile.html

Dll

  • Image  
  • data

 

  1. Buat file index dan setiap halaman html tambahkan script dibawah ini pada bagian paling atas :

<script type="text/javascript" src="piecemaker/scripts/swfobject/swfobject.js"></script>

 <script type="text/javascript">

 var flashvars = {};

 flashvars.cssSource = "piecemaker/piecemaker.css";

 flashvars.xmlSource = "piecemaker/piecemaker.xml";

 var params = {};

 params.play = "true";

 params.menu = "false";

 params.scale = "showall";

 params.wmode = "transparent";

 params.allowfullscreen = "true";

 params.allowscriptaccess = "always";

 params.allownetworking = "all";

 swfobject.embedSWF('piecemaker/piecemaker.swf', 'piecemaker', '1000', '500', '10', null, flashvars,  

 params, null);

 </script>

 <style type="text/css">

 #piecemaker {

 margin-top: -45px;

 margin-left: -10px;

 }

 </style>

 

Setelah itu buat sebagai contoh pada dreamweaver dibuatkan tabel,seperti contoh dibawah ini.

  1. Tambahkan script berikut pada tabel yang akan diberikan header

 

<td><div id="piecemaker">

<p>You will require flash to view this gallery</p>

</div>

 

  1. Untuk gambar silahkan edit  sesuai keinginan

 

img: 
tag: