[TYPO3-german] bahag Photo Gallery
Witt Elias
e.witt at hgz-bb.de
Fri Jun 16 14:34:31 CEST 2006
Das ist das Javaskript aus dem Quelltext meiner aufgerufenen Seite:
<!--
BEGIN: Content of extension "bahag_photogallery", plugin
"tx_bahagphotogallery_pi1"
-->
<div class="tx-bahagphotogallery-pi1">
<style type="text/css">
.border_b{
border: 1px solid #000000;
}
.float{
visibility: hidden;
position: absolute;
left: -3000px;
z-index: 10;
}
</style>
<script type="text/javascript"
language="JavaScript">
/**
* Variable to hold the floating div
element
* @var object
*/
var floatingDiv = false;
/**
* Variable to hold the preloaded preview
images for current page of gallery
* @var array
*/
var previewImages = new Array();
var active_img_mark = null;
window.onerror = function() {
return true;
}
/**
* Function to preload floating preview
images for curent page of gallery
*/
function preloadPreviewImages() {
previewImages[0] = new Image();
previewImages[0].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0011_01250600.jpg"
previewImages[1] = new Image();
previewImages[1].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0012250600.jpg"
previewImages[2] = new Image();
previewImages[2].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0013_01250600.jpg"
previewImages[3] = new Image();
previewImages[3].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0015_Rotated250600.jpg"
previewImages[4] = new Image();
previewImages[4].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0018_01250600.jpg"
previewImages[5] = new Image();
previewImages[5].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0019_02250600.jpg"
previewImages[6] = new Image();
previewImages[6].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0020_01250600.jpg"
previewImages[7] = new Image();
previewImages[7].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0021_01250600.jpg"
previewImages[8] = new Image();
previewImages[8].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0022_Rotated250600.jpg"
previewImages[9] = new Image();
previewImages[9].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0023_01250600.jpg"
previewImages[10] = new Image();
previewImages[10].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0024250600.jpg"
previewImages[11] = new Image();
previewImages[11].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0025_Rotated250600.jpg"
previewImages[12] = new Image();
previewImages[12].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0026_01250600.jpg"
previewImages[13] = new Image();
previewImages[13].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0027_01250600.jpg"
previewImages[14] = new Image();
previewImages[14].src =
"fileadmin/user_upload/Pflege/Bilder/gesundheitstag/LargeThumbnails/S301
0028_01250600.jpg"
}
window.onerror = function() {
return true;
}
window.onload = function(e) {
preloadPreviewImages();
if ( document.getElementById &&
document.createElement) {
tooltip.define();
}
}
function run_after_body() {
document.write('<textarea
id="gate_to_clipboard" style="display:none;"></textarea>');
document.onmousemove =
document_onmousemove;
if (window.onscroll) window.onscroll
= hideDiv();
document.write('<div class="float"
id="div_200" style="left: -3000px; background: #ffffff;"><img
id="img_200" class="border_b" width="200" height="150"></div>');
setInterval("changer();",333);
}
/**
* Function to get the html element by id
* @var string id - id of the html
element
*/
function getElement( id) {
if ( document.getElementById) {
return
document.getElementById( id);
} else if ( document.all) {
return document.all[id];
} else {
return null;
}
}
function document_onmousemove(e) {
if ( !floatingDiv ) return;
var pos_X = 0, pos_Y = 0;
if ( !e ) e = window.event;
if ( e ) {
if ( typeof(e.pageX) == "number" ) {
pos_X = e.pageX; pos_Y =
e.pageY;
} else if ( typeof(e.clientX) ==
"number" ) {
pos_X = e.clientX; pos_Y =
e.clientY;
if ( document.body && (
document.body.scrollTop || document.body.scrollLeft ) && !( window.opera
|| window.debug || navigator.vendor == "KDE" ) ) {
pos_X +=
document.body.scrollLeft; pos_Y += document.body.scrollTop;
} else if (
document.documentElement && ( document.documentElement.scrollTop ||
document.documentElement.scrollLeft ) && !( window.opera || window.debug
|| navigator.vendor == "KDE" ) ) {
pos_X +=
document.documentElement.scrollLeft; pos_Y +=
document.documentElement.scrollTop;
}
}
}
var scroll_X = 0, scroll_Y = 0;
if ( document.body && (
document.body.scrollTop || document.body.scrollLeft ) && !( window.debug
|| navigator.vendor == "KDE" ) ) {
scroll_X = document.body.scrollLeft;
scroll_Y = document.body.scrollTop;
} else if ( document.documentElement && (
document.documentElement.scrollTop ||
document.documentElement.scrollLeft ) && !( window.debug ||
navigator.vendor == "KDE" ) ) {
scroll_X =
document.documentElement.scrollLeft; scroll_Y =
document.documentElement.scrollTop;
}
var win_size_X = 0, win_size_Y = 0;
if (window.innerWidth && window.innerHeight)
{
win_size_X = window.innerWidth;
win_size_Y = window.innerHeight;
} else if (document.documentElement &&
document.documentElement.clientWidth &&
document.documentElement.clientHeight) {
win_size_X =
document.documentElement.clientWidth; win_size_Y =
document.documentElement.clientHeight;
} else if (document.body &&
document.body.clientWidth && document.body.clientHeight) {
win_size_X =
document.body.clientWidth; win_size_Y = document.body.clientHeight;
}
pos_X += 15; pos_Y += 15;
if (floatingDiv.offsetWidth &&
floatingDiv.offsetHeight) {
if (pos_X - scroll_X +
floatingDiv.offsetWidth + 5 > win_size_X) pos_X -=
(floatingDiv.offsetWidth + 25);
if (pos_Y - scroll_Y +
floatingDiv.offsetHeight + 5 > win_size_Y) pos_Y -=
(floatingDiv.offsetHeight + 20);
}
floatingDiv.style.left = pos_X + "px";
floatingDiv.style.top = pos_Y + "px";
}
/**
* Function to show the floating preview image
* @var integer id - Index of the preview image
in previewImages array
*/
function showPreviewImage( id) {
setPreviewImage( id);
showDiv("div_200");
}
/**
* Function to set the current preview image
* @var string id - index of preview image in
previewImages array
*/
function setPreviewImage( id){
var previewImage = getElement("img_200");
if ( previewImage) {
previewImage.src =
previewImages[id].src;
previewImage.width =
previewImages[id].width;
previewImage.height =
previewImages[id].height;
}
}
/**
* Function to make the DIV, containing preview
image, visible
* @var string id - id of the DIV element
*/
function showDiv( id) {
if ( floatingDiv = getElement( id)) {
if ( floatingDiv.offsetWidth) {
floatingDiv.style.width =
"auto";
floatingDiv.style.height =
"auto";
if ( floatingDiv.offsetWidth >
300) {
floatingDiv.style.width
= "300px";
}
}
document_onmousemove;
floatingDiv.style.visibility =
"visible";
}
}
function changer() {
/* if ( !floatingDiv ||
!preloads[active_img_mark] || !getElement("img_200")) {
return;
}
if ( getElement("img_200").src !=
preloads[active_img_mark].src && preloads[active_img_mark].complete ) {
setPreviewImage(active_img_mark);
} */
}
/**
* Function to hide the DIV containing preview
image
*/
function hideDiv() {
if ( floatingDiv) {
floatingDiv.style.visibility =
"hidden";
floatingDiv.style.left = "-3000px";
floatingDiv = false;
}
}
</script>
<script type="text/javascript"
language="JavaScript">run_after_body();</script>
More information about the TYPO3-german
mailing list