PHP og Javascript
Puha nu opgiver jeg næsten og tyr lidt til jer eksperterJeg vil gerne afvikle et javascript som viser skiftende billeder
mit problem er at få koden til at virke i en eksisterende PHP side
Eksisterende PHP side
(det er en sprogside og den findes på dansk og engelsk)
Billede fremviseren skal være i TEXST_MAIN ved det første billede :-)
************
<?php
define('TEXT_MAIN', '
<br>
<table border="0" width="100%" cellspacing="2" cellpadding="5">
</td>
</table>
<div align="center">
<table cellspacing="5">
<tr>
<td colspan="5" align="center" width="0" >
<a href="http://www.shop.net2admin.dk/index.php/cPath/21_29">
<img src="/images/bannerwebblomst_en.png" alt="Flower Camera..." width="440" height="142" border="0" align="center" /></a><p><p></td>
</tr>
<tr>
<td align="center" width="300">
<a href="http://www.shop.net2admin.dk/contact_us.php">
<img src="/images/ring_en.png" alt="contact us" width="200" height="130" border="0" align="right" /></a></td>
<td align="center" width="10"></td>
<td align="center" width="300">
<a href="http://net2admin.dk/index.php?option=com_user&view=login&Itemid=35&lang=en">
<img src="/images/demo_en.png" alt="Live Demo Click here..." width="200" height="130" border="0" align="left" /></a></td>
</tr>
<tr>
<td colspan="4" align="left" height="36" width="298"><font size="4"><br><br>
<b>Seccurity!</b> </font></td>
</tr>
<tr>
<td colspan="4" align="left" height="150" width="600" valign="top">
<p><font size="2">SBound effective oppose for theft and vandalize in You Home and Business with video surveillance.</font></p>
<p><font size="2">The solutions cover a wide field from easy home and business Do-it-Youself security to
tailor-made solutions to suit You including installation service and guidance. </font></p>
<p><font size="2">We are at the forefront of the latest international trends including wireless connectivity, professional quality CCTV Cameras with infrared night vision, digital video recording with motion detection and networkability, web surveillance and remote notification.</font></p>
</td>
</tr>
</table>
</div>
<br>
<br>
');
define('TABLE_HEADING_NEW_PRODUCTS', 'New Products in %s');
define('TABLE_HEADING_UPCOMING_PRODUCTS', 'Future Products');
define('TABLE_HEADING_DATE_EXPECTED', 'Date expected');
if ( ($category_depth == 'products') || (isset($HTTP_GET_VARS['manufacturers_id'])) ) {
define('HEADING_TITLE', 'Let\'s See What We Have Here');
define('TABLE_HEADING_IMAGE', '');
define('TABLE_HEADING_MODEL', 'Model');
define('TABLE_HEADING_PRODUCTS', 'Product Name');
define('TABLE_HEADING_MANUFACTURER', 'Manufacturer');
define('TABLE_HEADING_QUANTITY', 'Quantity');
define('TABLE_HEADING_PRICE', 'Price');
define('TABLE_HEADING_WEIGHT', 'Weight');
define('TABLE_HEADING_BUY_NOW', 'Buy Now');
define('TEXT_NO_PRODUCTS', 'There are no products to list in this category.');
define('TEXT_NO_PRODUCTS2', 'There is no product available from this manufacturer.');
define('TEXT_NUMBER_OF_PRODUCTS', 'Number of Products: ');
define('TEXT_SHOW', '<b>Show:</b>');
define('TEXT_BUY', 'Buy 1 \'');
define('TEXT_NOW', '\' now');
define('TEXT_ALL_CATEGORIES', 'All Categories');
define('TEXT_ALL_MANUFACTURERS', 'All Manufacturers');
} elseif ($category_depth == 'top') {
define('HEADING_TITLE', '<p align="center"><br><font color="#000000">Surveillance and safety for your home or business!</font></p>');
} elseif ($category_depth == 'nested') {
define('HEADING_TITLE', 'Categories');
}
?>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="fadeslideshow.js">
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
*Se dokumnetation i den her samme mappe
***********************************************/
</script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [440, 142], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["/images/bannerwebblomst_en.png", "", "", "Baby overvågning - klik og se de nye produkter."],
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
</script>
</head>
<body>
<div id="fadeshow1"></div>
<br />
<div id=""></div>
<div id="fadeshow2toggler" style="width:250px; text-align:center; margin-top:10px">
</div>
</body>
</html>
***********************************
Her er har jeg hentet koden til javascripten som jeg vil implementere
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
************************************
Og her er koden ....
Og ja jeg har lagt .js filerne i samme mappe (gad vide om de skal ligge i roden)
***********************************
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="fadeslideshow.js">
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
*Se dokumnetation i den her samme mappe
***********************************************/
</script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [440, 142], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["/images/bannerwebblomst_en.png", "", "", "Baby overvågning - klik og se de nye produkter."],
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
</script>
</head>
<body>
<div id="fadeshow1"></div>
<br />
<div id=""></div>
<div id="fadeshow2toggler" style="width:250px; text-align:center; margin-top:10px">
</div>
</body>
</html>
