Vergroten na muisklik..

[puddinkie22]

ik heb een java scriptje,

hier mee kan je dus foto's laten vergroten maar nu dus het probleem..

het scriptje werkt wel, maar hij vergroot de foto helemaal boven in de site.

dus als ik onder aan op een foto klik word hij boven aan de site vergroot en moet ik eerst weer naar boven scrollen..

kan iemand mij misschien vertellen of er in dit scriptje een aanpassing gedaan kan worden zodat hij met de pagina mee scrollt?

of dat iemand een ander script heeft dat beter is.

hier het script:
[table="width: 500, class: dotted"][tr][td] 1. <script type="text/javascript">[/td][/tr]
[tr][td] 2. [/td][/tr]
[tr][td] 3. IE4 = (document.all) ? 1 : 0;[/td][/tr]
[tr][td] 4. NS4 = (document.layers) ? 1 : 0;[/td][/tr]
[tr][td] 5. ver4 = (IE4 [/td][td][/td][td] NS4) ? 1 : 0;[/td][/tr]
[tr][td] 6. [/td][/tr]
[tr][td] 7. if (ver4) {[/td][/tr]
[tr][td] 8. whichIm = null;[/td][/tr]
[tr][td] 9. zoomed = false;[/td][/tr]
[tr][td] 10. gotIt = false;[/td][/tr]
[tr][td] 11. [/td][/tr]
[tr][td] 12. scale = 10.0; //geef vergroting weer[/td][/tr]
[tr][td] 13. [/td][/tr]
[tr][td] 14. allPics = false;[/td][/tr]
[tr][td] 15. noLinks = false;[/td][/tr]
[tr][td] 16. justGIFs = false;[/td][/tr]
[tr][td] 17. justJPGs = true;[/td][/tr]
[tr][td] 18. byName = false;[/td][/tr]
[tr][td] 19. [/td][/tr]
[tr][td] 20. inWind = true;[/td][/tr]
[tr][td] 21. [/td][/tr]
[tr][td] 22. useName = null;[/td][/tr]
[tr][td] 23. [/td][/tr]
[tr][td] 24. if (NS4) {[/td][/tr]
[tr][td] 25. document.captureEvents(Event.MOUSEDOWN);[/td][/tr]
[tr][td] 26. document.onmousedown = findIt;[/td][/tr]
[tr][td] 27. }[/td][/tr]
[tr][td] 28. else { document.onclick = findIt }[/td][/tr]
[tr][td] 29. }[/td][/tr]
[tr][td] 30. [/td][/tr]
[tr][td] 31. function findIt(e) {[/td][/tr]
[tr][td] 32. if (zoomed) {[/td][/tr]
[tr][td] 33. zoomIn();[/td][/tr]
[tr][td] 34. return false;[/td][/tr]
[tr][td] 35. }[/td][/tr]
[tr][td] 36. [/td][/tr]
[tr][td] 37. if (IE4) {[/td][/tr]
[tr][td] 38. isImage = (event.srcElement.tagName == "IMG") ? 1 : 0;[/td][/tr]
[tr][td] 39. if (!isImage) { return true }[/td][/tr]
[tr][td] 40. whichIm = event.srcElement;[/td][/tr]
[tr][td] 41. isAnchor = (noLinks && event.srcElement.parentElement.tagName == "A") ? 1 : 0;[/td][/tr]
[tr][td] 42. isLink = (isAnchor && event.srcElement.parentElement.href) ? 1 : 0;[/td][/tr]
[tr][td] 43. }[/td][/tr]
[tr][td] 44. else {[/td][/tr]
[tr][td] 45. if (e.target=="[object Image]") {[/td][/tr]
[tr][td] 46. whichIm = e.target;[/td][/tr]
[tr][td] 47. isLink = false;[/td][/tr]
[tr][td] 48. gotIt = true;[/td][/tr]
[tr][td] 49. }[/td][/tr]
[tr][td] 50. else {[/td][/tr]
[tr][td] 51. isLink = true; [/td][/tr]
[tr][td] 52. l = e.pageX; t = e.pageY;[/td][/tr]
[tr][td] 53. gotIt = getImage(l,t)[/td][/tr]
[tr][td] 54. }[/td][/tr]
[tr][td] 55. if (!gotIt) { return true };[/td][/tr]
[tr][td] 56. isImage = true;[/td][/tr]
[tr][td] 57. }[/td][/tr]
[tr][td] 58. [/td][/tr]
[tr][td] 59. isGIF = (justGIFs && whichIm.src.indexOf(".gif") != -1) ? 1 : 0;[/td][/tr]
[tr][td] 60. isJPG = ((justJPGs && whichIm.src.indexOf(".jpg") != -1) [/td][td][/td][td] (justJPGs && whichIm.src.indexOf(".jpeg")!=-1)) ? 1 : 0;[/td][/tr]
[tr][td] 61. isName = (byName && whichIm.name && whichIm.name.indexOf(useName) != -1) ? 1 : 0;[/td][/tr]
[tr][td] 62. isOK = (allPics) ? 1 : 0;[/td][/tr]
[tr][td] 63. [/td][/tr]
[tr][td] 64. if (justGIFs) { isOK = (isGIF) ? 1 : 0 };[/td][/tr]
[tr][td] 65. if (justJPGs) { isOK = (isJPG) ? 1 : 0 };[/td][/tr]
[tr][td] 66. if (justGIFs && justJPGs) { isOK = (isGIF [/td][td][/td][td] isJPG) ? 1 : 0 };[/td][/tr]
[tr][td] 67. if (noLinks) { isOK = (!isLink) ? 1 : 0 };[/td][/tr]
[tr][td] 68. if (byName) { isOK = (isName) ? 1 : 0 };[/td][/tr]
[tr][td] 69. [/td][/tr]
[tr][td] 70. if (isOK) {[/td][/tr]
[tr][td] 71. if (IE4) {[/td][/tr]
[tr][td] 72. if (inWind) { zoomOutInEl() }[/td][/tr]
[tr][td] 73. else { zoomOutInPage() };[/td][/tr]
[tr][td] 74. return false;[/td][/tr]
[tr][td] 75. }[/td][/tr]
[tr][td] 76. else { zoomOutInEl(); return false }[/td][/tr]
[tr][td] 77. }[/td][/tr]
[tr][td] 78. return true[/td][/tr]
[tr][td] 79. }[/td][/tr]
[tr][td] 80. [/td][/tr]
[tr][td] 81. function getImage(l,t) {[/td][/tr]
[tr][td] 82. for (i=0; i<document.images.length; i++) {[/td][/tr]
[tr][td] 83. imX1 = document.images.x;[/td][/tr]
[tr][td] 84. imX2 = imX1 + document.images.width;[/td][/tr]
[tr][td] 85. imY1 = document.images.y;[/td][/tr]
[tr][td] 86. imY2 = imY1 + document.images.height;[/td][/tr]
[tr][td] 87. if ((l >= imX1 && l <= imX2) && (t >= imY1 && t<= imY2)) {[/td][/tr]
[tr][td] 88. whichIm = document.images;[/td][/tr]
[tr][td] 89. gotIt = true; break;[/td][/tr]
[tr][td] 90. }[/td][/tr]
[tr][td] 91. }[/td][/tr]
[tr][td] 92. return gotIt [/td][/tr]
[tr][td] 93. }[/td][/tr]
[tr][td] 94. [/td][/tr]
[tr][td] 95. function zoomOutInPage() {[/td][/tr]
[tr][td] 96. whichIm.width = whichIm.width * scale;[/td][/tr]
[tr][td] 97. whichIm.height = whichIm.height * scale;[/td][/tr]
[tr][td] 98. zoomed = true;[/td][/tr]
[tr][td] 99. }[/td][/tr]
[tr][td] 100. [/td][/tr]
[tr][td] 101. function zoomOutInEl(){[/td][/tr]
[tr][td] 102. newWidth = whichIm.width * scale;[/td][/tr]
[tr][td] 103. newHeight = whichIm.height * scale;[/td][/tr]
[tr][td] 104. bigImStr = "<IMG NAME='imBig' SRC=\"" + whichIm.src + "\" WIDTH=" + newWidth + " HEIGHT=" + newHeight + " BORDER=0>";[/td][/tr]
[tr][td] 105. [/td][/tr]
[tr][td] 106. if (NS4) {[/td][/tr]
[tr][td] 107. with (document.elZoom.document) {[/td][/tr]
[tr][td] 108. open();[/td][/tr]
[tr][td] 109. write(bigImStr);[/td][/tr]
[tr][td] 110. close();[/td][/tr]
[tr][td] 111. }[/td][/tr]
[tr][td] 112. }[/td][/tr]
[tr][td] 113. else { elZoom.innerHTML = bigImStr };[/td][/tr]
[tr][td] 114. [/td][/tr]
[tr][td] 115. if (NS4) {[/td][/tr]
[tr][td] 116. document.elZoom.moveTo(whichIm.x,whichIm.y);[/td][/tr]
[tr][td] 117. winPosL = document.elZoom.left - pageXOffset;[/td][/tr]
[tr][td] 118. winPosT = document.elZoom.top - pageYOffset;[/td][/tr]
[tr][td] 119. }[/td][/tr]
[tr][td] 120. else {[/td][/tr]
[tr][td] 121. document.elZoom.left = whichIm.offsetLeft + whichIm.hspace;[/td][/tr]
[tr][td] 122. document.elZoom.top = whichIm.offsetTop;[/td][/tr]
[tr][td] 123. winPosL = elZoom.offsetLeft - document.body.scrollLeft;[/td][/tr]
[tr][td] 124. winPosT = elZoom.offsetTop - document.body.scrollTop;[/td][/tr]
[tr][td] 125. }[/td][/tr]
[tr][td] 126. [/td][/tr]
[tr][td] 127. winWidth = (NS4) ? window.innerWidth : document.body.clientWidth;[/td][/tr]
[tr][td] 128. winHeight = (NS4) ? window.innerHeight : document.body.clientHeight;[/td][/tr]
[tr][td] 129. [/td][/tr]
[tr][td] 130. if (winPosL + newWidth > winWidth) {[/td][/tr]
[tr][td] 131. newPosL = (winWidth - (winPosL + newWidth) - 30);[/td][/tr]
[tr][td] 132. document.elZoom.left = parseInt(document.elZoom.left) + newPosL;[/td][/tr]
[tr][td] 133. }[/td][/tr]
[tr][td] 134. [/td][/tr]
[tr][td] 135. if (winPosT + newHeight > winHeight) {[/td][/tr]
[tr][td] 136. newPosT = (winHeight - (winPosT + newHeight) - 10);[/td][/tr]
[tr][td] 137. document.elZoom.top = parseInt(document.elZoom.top) + newPosT;[/td][/tr]
[tr][td] 138. }[/td][/tr]
[tr][td] 139. [/td][/tr]
[tr][td] 140. document.elZoom.visibility = "visible";[/td][/tr]
[tr][td] 141. zoomed = true;[/td][/tr]
[tr][td] 142. [/td][/tr]
[tr][td] 143. }[/td][/tr]
[tr][td] 144. [/td][/tr]
[tr][td] 145. function zoomIn() {[/td][/tr]
[tr][td] 146. if (IE4 && !inWind) {[/td][/tr]
[tr][td] 147. whichIm.width = whichIm.width/scale;[/td][/tr]
[tr][td] 148. whichIm.height = whichIm.height/scale;[/td][/tr]
[tr][td] 149. }[/td][/tr]
[tr][td] 150. else { document.elZoom.visibility='hidden' }[/td][/tr]
[tr][td] 151. [/td][/tr]
[tr][td] 152. gotIt = false;[/td][/tr]
[tr][td] 153. zoomed = false;[/td][/tr]
[tr][td] 154. }[/td][/tr]
[tr][td] 155. [/td][/tr]
[tr][td] 156. if (ver4) {[/td][/tr]
[tr][td] 157. document.write("<DIV ID='elZoom' STYLE='position: absolute; visibility: hidden;'></DIV>");[/td][/tr]
[tr][td] 158. if (IE4) { document.elZoom = document.all.elZoom.style }[/td][/tr]
[tr][td] 159. }[/td][/tr]
[tr][td] 160. </SCRIPT>[/td][/tr][/table]

 

[That Guy]

Ik quote:

[JS]if (IE4) {[/JS]

Jawel, daar staat:

als de browser Internet Explorer 4 is, dan...

Eventjes kijken. Op het moment staat de IE-browser-versie teller op 9.

Kortweg: deze code is antiek. Deze code hoort in het museum! Ik raad je aan nieuwe code te vinden, want hier gaat niemand zijn vingers aan vies maken. Het is meer werk om het te fixen dan om een nieuw script te maken.

Google eens op lightbox, dat's een mooie foto-vergroter.

 

[csshunter]

Of klik eens op deze, die springt weer terug naar de hoogte waar je vandaan kwam.
Gebruiksaanwijzing zit erbij.

Met vriendelijke groet,
CSShunter