<!-- jQuery --> <script type="text/javascript" src=" js/jquery.min.js"></script> <script type="text/javascript" src=" js/jquery.mixitup.min.js"></script> <script type="text/javascript"> $(function () { var filterList = { init: function () { // MixItUp plugin // http://mixitup.io $('#portfoliolist').mixitup({ targetSelector: '.portfolio', filterSelector: '.filter', effects: ['fade'], easing: 'snap', // call the hover effect onMixEnd: filterList.hoverEffect() }); }, hoverEffect: function () { // Simple parallax effect $('#portfoliolist .portfolio').hover( function () { $(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad'); $(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad'); }, function () { $(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad'); $(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad'); } ); } }; // Run the show! filterList.init(); }); </script> <style type="text/css"> a:link { color: #FFF; } a:visited { color: #FFF; } a:hover { color: #FFF; } a:active { color: #FFF; } </style> <div class="banner"> <div class="wrap"> <h2><span style="color: #FFF"><a href="index.php?page=books">Back All Magazing.</a> </p> </span> </h2> <div class="clear"></div> </div> </div> <style > article { margin: 0 10px; } </style> <div align="center" > <script type="text/javascript" src="http://www.wijitboonchoo.com/2012/flexpaper/js/flexpaper_flash.js"></script> <style type="text/css"> #magazine{ height: 1024px; } </style> <ul id="magazineListNew"> <div id="magazine"></div> <? $idmax=$_GET[id]; $conn=mysql_connect('localhost','wijitbo_webboard','Webboard123'); mysql_select_db('wijitbo_webboard'); mysql_query("SET NAMES 'utf8'"); //$sql='SELECT * FROM WCBOOKS WHERE WCBOOKS_ID =$_GET[id]'; $rsShowProduct=mysql_query("SELECT * FROM WCBOOKS WHERE WCBOOKS_ID ='$idmax'"); while($showProduct=mysql_fetch_array($rsShowProduct)){ $WCBOOKS_TITLE=$showProduct[WCBOOKS_TITLE]; $WCBOOKS_COVER=$showProduct[WCBOOKS_COVER]; $WCBOOKS_PDFPATH=$showProduct[WCBOOKS_PDFPATH]; } ?> <script type="text/javascript"> var fp = new FlexPaperViewer( 'http://www.wijitboonchoo.com/2012/flexpaper/FlexPaperViewer', 'magazine', { config : { SwfFile : 'http://www.wijitboonchoo.com/Newweb/web/upload/pdf/<?=$WCBOOKS_PDFPATH;?>', Scale : 0.6, ZoomTransition : 'easeOut', ZoomTime : 0.5, ZoomInterval : 0.2, FitPageOnLoad : true, FitWidthOnLoad : true, FullScreenAsMaxWindow : false, ProgressiveLoading : false, MinZoomSize : 0.2, MaxZoomSize : 5, SearchMatchAll : false, InitViewMode : 'Portrait', PrintPaperAsBitmap : false, ViewModeToolsVisible : true, ZoomToolsVisible : true, NavToolsVisible : true, CursorToolsVisible : true, SearchToolsVisible : true, localeChain: 'en_US' }}); </script> </ul> </center> </div>