Mam taki problem w Image Ready zrobilem sobie efekt rollover ze po nacisnieciu buttona zmienia sie tresc nizej i tak naciskam button A pojawia tresc AAAAA i analogicznie button B ale nie działa mi to w IE 7 w Mozilli tylko moze mi ktos pomoc jak to udoskonalic by dzialalo na wszystkich przegladarkach?

  1. <TITLE>test</TITLE>
  2. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
  3. <!-- ImageReady Preload Script (test.psd) -->
  4. <script TYPE="text/javascript">
  5. <!--
  6.  
  7. function newImage(arg) {
  8. if (document.images) {
  9. rslt = new Image();
  10. rslt.src = arg;
  11. return rslt;
  12. }
  13. }
  14.  
  15. function changeImagesArray(array) {
  16. if (document.images && (preloadFlag == true)) {
  17. for (var i=0; i<array.length; i+=2) {
  18. document[array[i]].src = array[i+1];
  19. }
  20. }
  21. }
  22.  
  23. function changeImages() {
  24. changeImagesArray(changeImages.arguments);
  25. }
  26.  
  27. function toggleImages() {
  28. for (var i=0; i<toggleImages.arguments.length; i+=2) {
  29. if (selected == toggleImages.arguments[i]) changeImagesArray(toggleImages.arguments[i+1]);
  30. }
  31. }
  32.  
  33. var selected = '';
  34. var preloadFlag = false;
  35. function preloadImages() {
  36. if (document.images) {
  37. test_03_zazn = newImage("Obrazki/test_03-zazn.gif");
  38. test_05_zazn = newImage("Obrazki/test_05-zazn.gif");
  39. test_12_test_03_zazn = newImage("Obrazki/test_12-test_03_zazn.gif");
  40. test_12_test_05_zazn = newImage("Obrazki/test_12-test_05_zazn.gif");
  41. preloadFlag = true;
  42. }
  43. }
  44.  
  45. // -->
  46. <!-- End Preload Script -->
  47. </HEAD>
  48. <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
  49. <!-- ImageReady Slices (test.psd) -->
  50. <TABLE WIDTH=1000 BORDER=0 CELLPADDING=0 CELLSPACING=0>
  51. <TR>
  52. <TD COLSPAN=7>
  53. <IMG SRC="Obrazki/test_01.gif" WIDTH=1000 HEIGHT=42 ALT=""></TD>
  54. </TR>
  55. <TR>
  56. <TD ROWSPAN=4>
  57. <IMG SRC="Obrazki/test_02.gif" WIDTH=121 HEIGHT=533 ALT=""></TD>
  58. <TD>
  59. <A HREF="#"
  60. ONMOUSEOUT="toggleImages('test_05', new Array('test_03', 'Obrazki/test_03.gif', 'test_05', 'Obrazki/test_05-zazn.gif', 'test_12', 'Obrazki/test_12-test_05_zazn.gif'), ); return true;"
  61. ONMOUSEUP="selected='test_03'; changeImages('test_03', 'Obrazki/test_03-zazn.gif', 'test_05', 'Obrazki/test_05.gif', 'test_12', 'Obrazki/test_12-test_03_zazn.gif'); return true;">
  62. <IMG NAME="test_03" SRC="Obrazki/test_03.gif" WIDTH=179 HEIGHT=60 BORDER=0 ALT=""></A></TD>
  63. <TD ROWSPAN=2>
  64. <IMG SRC="Obrazki/test_04.gif" WIDTH=50 HEIGHT=188 ALT=""></TD>
  65. <TD>
  66. <A HREF="#"
  67. ONMOUSEOUT="toggleImages('test_03', new Array('test_03', 'Obrazki/test_03-zazn.gif', 'test_05', 'Obrazki/test_05.gif', 'test_12', 'Obrazki/test_12-test_03_zazn.gif'), ); return true;"
  68. ONMOUSEUP="selected='test_05'; changeImages('test_03', 'Obrazki/test_03.gif', 'test_05', 'Obrazki/test_05-zazn.gif', 'test_12', 'Obrazki/test_12-test_05_zazn.gif'); return true;">
  69. <IMG NAME="test_05" SRC="Obrazki/test_05.gif" WIDTH=179 HEIGHT=60 BORDER=0 ALT=""></A></TD>
  70. <TD ROWSPAN=2>
  71. <IMG SRC="Obrazki/test_06.gif" WIDTH=41 HEIGHT=188 ALT=""></TD>
  72. <TD>
  73. <IMG SRC="Obrazki/test_07.gif" WIDTH=179 HEIGHT=60 ALT=""></TD>
  74. <TD ROWSPAN=4>
  75. <IMG SRC="Obrazki/test_08.gif" WIDTH=251 HEIGHT=533 ALT=""></TD>
  76. </TR>
  77. <TR>
  78. <TD>
  79. <IMG SRC="Obrazki/test_09.gif" WIDTH=179 HEIGHT=128 ALT=""></TD>
  80. <TD>
  81. <IMG SRC="Obrazki/test_10.gif" WIDTH=179 HEIGHT=128 ALT=""></TD>
  82. <TD>
  83. <IMG SRC="Obrazki/test_11.gif" WIDTH=179 HEIGHT=128 ALT=""></TD>
  84. </TR>
  85. <TR>
  86. <TD COLSPAN=5>
  87. <IMG NAME="test_12" SRC="Obrazki/test_12.gif" WIDTH=628 HEIGHT=288 ALT=""></TD>
  88. </TR>
  89. <TR>
  90. <TD COLSPAN=5>
  91. <IMG SRC="Obrazki/test_13.gif" WIDTH=628 HEIGHT=57 ALT=""></TD>
  92. </TR>
  93. <!-- End ImageReady Slices -->
  94. </BODY>
  95. </HTML>