Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
vic20359
Threadersteller
Dabei seit: 15.05.2005
Ort: Hamburg
Alter: 39
Geschlecht:
|
Verfasst Mi 10.09.2008 11:46
Titel [SUCHE] Lytebox Mod: Extra Felder "kunde" und &quo |
|
|
Hallo Allerseits,
ich bin verzweifelt auf der Suche nach einer Lytebox Modifizierung, die ich schon einmal auf der Seite eines Branchenkollegen gesehen habe. Das Originalscript nutze ich schon länger, mich stört allerdings, dass ich dort lediglich ein einziges Feld zur Beschreibung habe. In dem Mod gab es allerdings gleich zwei Felder untereinander, in dem Fall also zwei Balken:
KUNDE Musterkunde 1
Job Logo Gestaltung
zum Beispiel. Weiß jemand, wo ich diese Erweiterung runterladen kann? Ich finde nichts und stoße arg an meine Grenzen, da ich mehr Designer, kein Programmierer bin.
Wäre Euch sehr dankbar...
LG
vic
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 10.09.2008 13:34
Titel
|
|
|
naja, wenn jemand die plz meines lieblingsstadtteilvereins in seinem namen trägt und auch noch dort wohnt, kann ich nicht anders
weiß nicht, was du bei deinem kollegen gesehen hast, aber hab dir fix mal was umgeschrieben...
ergänze deine html-links um longdesc:
Code: |
<a href="http://www.oomens.de/victor/img/work/donslogo.gif" longdesc="Testbeschreibung:<br />BLABLABLA" rel="lytebox[corporate]" title="d.o.n.s. | tour logo"><img src="http://www.oomens.de/victor/img/work/donslogo_thumb.gif" border="0"></a>
|
und hier das modifizierte js (die originalzeilen habe ich lediglich auskommentiert)
Code: |
//***********************************************************************************************************************************/
// LyteBox v3.22
//
// Author: Markus F. Hay
// Website: http://www.dolem.com/lytebox
// Date: October 2, 2007
// License: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/)
// Browsers: Tested successfully on WinXP with the following browsers (using no DOCTYPE and Strict/Transitional/Loose DOCTYPES):
// * Firefox: 2.0.0.7, 1.5.0.12
// * Internet Explorer: 7.0, 6.0 SP2, 5.5 SP2
// * Opera: 9.23
//
// Releases: For up-to-date and complete release information, visit http://www.dolem.com/forum/showthread.php?tid=62
// * v3.22 (10/02/07)
// * v3.21 (09/30/07)
// * v3.20 (07/12/07)
// * v3.10 (05/28/07)
// * v3.00 (05/15/07)
// * v2.02 (11/13/06)
//
// Credit: LyteBox was originally derived from the Lightbox class (v2.02) that was written by Lokesh Dhakar. For more
// information please visit http://huddletogether.com/projects/lightbox2/
//***********************************************************************************************************************************/
Array.prototype.removeDuplicates = function () { for (var i = 1; i < this.length; i++) { if (this[i][0] == this[i-1][0]) { this.splice(i,1); } } }
Array.prototype.empty = function () { for (var i = 0; i <= this.length; i++) { this.shift(); } }
String.prototype.trim = function () { return this.replace(/^\s+|\s+$/g, ''); }
function LyteBox() {
/*** Start Global Configuration ***/
this.theme = 'grey'; // themes: grey (default), red, green, blue, gold
this.hideFlash = true; // controls whether or not Flash objects should be hidden
this.outerBorder = true; // controls whether to show the outer grey (or theme) border
this.resizeSpeed = 8; // controls the speed of the image resizing (1=slowest and 10=fastest)
this.maxOpacity = 80; // higher opacity = darker overlay, lower opacity = lighter overlay
this.navType = 1; // 1 = "Prev/Next" buttons on top left and left (default), 2 = "<< prev | next >>" links next to image number
this.autoResize = true; // controls whether or not images should be resized if larger than the browser window dimensions
this.doAnimations = true; // controls whether or not "animate" Lytebox, i.e. resize transition between images, fade in/out effects, etc.
this.borderSize = 12; // if you adjust the padding in the CSS, you will need to update this variable -- otherwise, leave this alone...
/*** End Global Configuration ***/
/*** Configure Slideshow Options ***/
this.slideInterval = 4000; // Change value (milliseconds) to increase/decrease the time between "slides" (10000 = 10 seconds)
this.showNavigation = true; // true to display Next/Prev buttons/text during slideshow, false to hide
this.showClose = true; // true to display the Close button, false to hide
this.showDetails = true; // true to display image details (caption, count), false to hide
this.showPlayPause = true; // true to display pause/play buttons next to close button, false to hide
this.autoEnd = true; // true to automatically close Lytebox after the last image is reached, false to keep open
this.pauseOnNextClick = false; // true to pause the slideshow when the "Next" button is clicked
this.pauseOnPrevClick = true; // true to pause the slideshow when the "Prev" button is clicked
/*** End Slideshow Configuration ***/
if(this.resizeSpeed > 10) { this.resizeSpeed = 10; }
if(this.resizeSpeed < 1) { resizeSpeed = 1; }
this.resizeDuration = (11 - this.resizeSpeed) * 0.15;
this.resizeWTimerArray = new Array();
this.resizeWTimerCount = 0;
this.resizeHTimerArray = new Array();
this.resizeHTimerCount = 0;
this.showContentTimerArray = new Array();
this.showContentTimerCount = 0;
this.overlayTimerArray = new Array();
this.overlayTimerCount = 0;
this.imageTimerArray = new Array();
this.imageTimerCount = 0;
this.timerIDArray = new Array();
this.timerIDCount = 0;
this.slideshowIDArray = new Array();
this.slideshowIDCount = 0;
this.imageArray = new Array();
this.activeImage = null;
this.slideArray = new Array();
this.activeSlide = null;
this.frameArray = new Array();
this.activeFrame = null;
this.checkFrame();
this.isSlideshow = false;
this.isLyteframe = false;
/*@cc_on
/*@if (@_jscript)
this.ie = (document.all && !window.opera) ? true : false;
/*@else @*/
this.ie = false;
/*@end
@*/
this.ie7 = (this.ie && window.XMLHttpRequest);
this.initialize();
}
LyteBox.prototype.initialize = function() {
this.updateLyteboxItems();
var objBody = this.doc.getElementsByTagName("body").item(0);
if (this.doc.getElementById('lbOverlay')) {
objBody.removeChild(this.doc.getElementById("lbOverlay"));
objBody.removeChild(this.doc.getElementById("lbMain"));
}
var objOverlay = this.doc.createElement("div");
objOverlay.setAttribute('id','lbOverlay');
objOverlay.setAttribute((this.ie ? 'className' : 'class'), this.theme);
if ((this.ie && !this.ie7) || (this.ie7 && this.doc.compatMode == 'BackCompat')) {
objOverlay.style.position = 'absolute';
}
objOverlay.style.display = 'none';
objBody.appendChild(objOverlay);
var objLytebox = this.doc.createElement("div");
objLytebox.setAttribute('id','lbMain');
objLytebox.style.display = 'none';
objBody.appendChild(objLytebox);
var objOuterContainer = this.doc.createElement("div");
objOuterContainer.setAttribute('id','lbOuterContainer');
objOuterContainer.setAttribute((this.ie ? 'className' : 'class'), this.theme);
objLytebox.appendChild(objOuterContainer);
var objIframeContainer = this.doc.createElement("div");
objIframeContainer.setAttribute('id','lbIframeContainer');
objIframeContainer.style.display = 'none';
objOuterContainer.appendChild(objIframeContainer);
var objIframe = this.doc.createElement("iframe");
objIframe.setAttribute('id','lbIframe');
objIframe.setAttribute('name','lbIframe');
objIframe.style.display = 'none';
objIframeContainer.appendChild(objIframe);
var objImageContainer = this.doc.createElement("div");
objImageContainer.setAttribute('id','lbImageContainer');
objOuterContainer.appendChild(objImageContainer);
var objLyteboxImage = this.doc.createElement("img");
objLyteboxImage.setAttribute('id','lbImage');
objImageContainer.appendChild(objLyteboxImage);
var objLoading = this.doc.createElement("div");
objLoading.setAttribute('id','lbLoading');
objOuterContainer.appendChild(objLoading);
var objDetailsContainer = this.doc.createElement("div");
objDetailsContainer.setAttribute('id','lbDetailsContainer');
objDetailsContainer.setAttribute((this.ie ? 'className' : 'class'), this.theme);
objLytebox.appendChild(objDetailsContainer);
var objDetailsData =this.doc.createElement("div");
objDetailsData.setAttribute('id','lbDetailsData');
objDetailsData.setAttribute((this.ie ? 'className' : 'class'), this.theme);
objDetailsContainer.appendChild(objDetailsData);
var objDetails = this.doc.createElement("div");
objDetails.setAttribute('id','lbDetails');
objDetailsData.appendChild(objDetails);
var objCaption = this.doc.createElement("span");
objCaption.setAttribute('id','lbCaption');
objDetails.appendChild(objCaption);
var objHoverNav = this.doc.createElement("div");
objHoverNav.setAttribute('id','lbHoverNav');
objImageContainer.appendChild(objHoverNav);
var objBottomNav = this.doc.createElement("div");
objBottomNav.setAttribute('id','lbBottomNav');
objDetailsData.appendChild(objBottomNav);
var objPrev = this.doc.createElement("a");
objPrev.setAttribute('id','lbPrev');
objPrev.setAttribute((this.ie ? 'className' : 'class'), this.theme);
objPrev.setAttribute('href','#');
objHoverNav.appendChild(objPrev);
var objNext = this.doc.createElement("a");
objNext.setAttribute('id','lbNext');
objNext.setAttribute((this.ie ? 'className' : 'class'), this.theme);
objNext.setAttribute('href','#');
objHoverNav.appendChild(objNext);
var objNumberDisplay = this.doc.createElement("span");
objNumberDisplay.setAttribute('id','lbNumberDisplay');
objDetails.appendChild(objNumberDisplay);
var objNavDisplay = this.doc.createElement("span");
objNavDisplay.setAttribute('id','lbNavDisplay');
objNavDisplay.style.display = 'none';
objDetails.appendChild(objNavDisplay);
var objClose = this.doc.createElement("a");
objClose.setAttribute('id','lbClose');
objClose.setAttribute((this.ie ? 'className' : 'class'), this.theme);
objClose.setAttribute('href','#');
objBottomNav.appendChild(objClose);
var objPause = this.doc.createElement("a");
objPause.setAttribute('id','lbPause');
objPause.setAttribute((this.ie ? 'className' : 'class'), this.theme);
objPause.setAttribute('href','#');
objPause.style.display = 'none';
objBottomNav.appendChild(objPause);
var objPlay = this.doc.createElement("a");
objPlay.setAttribute('id','lbPlay');
objPlay.setAttribute((this.ie ? 'className' : 'class'), this.theme);
objPlay.setAttribute('href','#');
objPlay.style.display = 'none';
objBottomNav.appendChild(objPlay);
};
LyteBox.prototype.updateLyteboxItems = function() {
var anchors = (this.isFrame) ? window.parent.frames[window.name].document.getElementsByTagName('a') : document.getElementsByTagName('a');
for (var i = 0; i < anchors.length; i++) {
var anchor = anchors[i];
var relAttribute = String(anchor.getAttribute('rel'));
if (anchor.getAttribute('href')) {
if (relAttribute.toLowerCase().match('lytebox')) {
anchor.onclick = function () { myLytebox.start(this, false, false); return false; }
} else if (relAttribute.toLowerCase().match('lyteshow')) {
anchor.onclick = function () { myLytebox.start(this, true, false); return false; }
} else if (relAttribute.toLowerCase().match('lyteframe')) {
anchor.onclick = function () { myLytebox.start(this, false, true); return false; }
}
}
}
};
LyteBox.prototype.start = function(imageLink, doSlide, doFrame) {
if (this.ie && !this.ie7) { this.toggleSelects('hide'); }
if (this.hideFlash) { this.toggleFlash('hide'); }
this.isLyteframe = (doFrame ? true : false);
var pageSize = this.getPageSize();
var objOverlay = this.doc.getElementById('lbOverlay');
var objBody = this.doc.getElementsByTagName("body").item(0);
objOverlay.style.height = pageSize[1] + "px";
objOverlay.style.display = '';
this.appear('lbOverlay', (this.doAnimations ? 0 : this.maxOpacity));
var anchors = (this.isFrame) ? window.parent.frames[window.name].document.getElementsByTagName('a') : document.getElementsByTagName('a');
if (this.isLyteframe) {
this.frameArray = [];
this.frameNum = 0;
if ((imageLink.getAttribute('rel') == 'lyteframe')) {
var rev = imageLink.getAttribute('rev');
//this.frameArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title'), (rev == null || rev == '' ? 'width: 400px; height: 400px; scrolling: auto;' : rev)));
this.frameArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title'), (rev == null || rev == '' ? 'width: 400px; height: 400px; scrolling: auto;' : rev), imageLink.getAttribute('longdesc')));
} else {
if (imageLink.getAttribute('rel').indexOf('lyteframe') != -1) {
for (var i = 0; i < anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
var rev = anchor.getAttribute('rev');
//this.frameArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title'), (rev == null || rev == '' ? 'width: 400px; height: 400px; scrolling: auto;' : rev)));
this.frameArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title'), (rev == null || rev == '' ? 'width: 400px; height: 400px; scrolling: auto;' : rev), imageLink.getAttribute('longdesc')));
}
}
this.frameArray.removeDuplicates();
while(this.frameArray[this.frameNum][0] != imageLink.getAttribute('href')) { this.frameNum++; }
}
}
} else {
this.imageArray = [];
this.imageNum = 0;
this.slideArray = [];
this.slideNum = 0;
if ((imageLink.getAttribute('rel') == 'lytebox')) {
this.imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title'),'', imageLink.getAttribute('longdesc')));
//this.imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title')));
} else {
if (imageLink.getAttribute('rel').indexOf('lytebox') != -1) {
for (var i = 0; i < anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
this.imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title'),'', imageLink.getAttribute('longdesc')));
//this.imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title')));
}
}
this.imageArray.removeDuplicates();
while(this.imageArray[this.imageNum][0] != imageLink.getAttribute('href')) { this.imageNum++; }
}
if (imageLink.getAttribute('rel').indexOf('lyteshow') != -1) {
for (var i = 0; i < anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
this.slideArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title'), imageLink.getAttribute('longdesc')));
//this.slideArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title')));
}
}
this.slideArray.removeDuplicates();
while(this.slideArray[this.slideNum][0] != imageLink.getAttribute('href')) { this.slideNum++; }
}
}
}
var object = this.doc.getElementById('lbMain');
object.style.top = (this.getPageScroll() + (pageSize[3] / 15)) + "px";
object.style.display = '';
if (!this.outerBorder) {
this.doc.getElementById('lbOuterContainer').style.border = 'none';
this.doc.getElementById('lbDetailsContainer').style.border = 'none';
} else {
this.doc.getElementById('lbOuterContainer').style.borderBottom = '';
this.doc.getElementById('lbOuterContainer').setAttribute((this.ie ? 'className' : 'class'), this.theme);
}
this.doc.getElementById('lbOverlay').onclick = function() { myLytebox.end(); return false; }
this.doc.getElementById('lbMain').onclick = function(e) {
var e = e;
if (!e) {
if (window.parent.frames[window.name] && (parent.document.getElementsByTagName('frameset').length <= 0)) {
e = window.parent.window.event;
} else {
e = window.event;
}
}
var id = (e.target ? e.target.id : e.srcElement.id);
if (id == 'lbMain') { myLytebox.end(); return false; }
}
this.doc.getElementById('lbClose').onclick = function() { myLytebox.end(); return false; }
this.doc.getElementById('lbPause').onclick = function() { myLytebox.togglePlayPause("lbPause", "lbPlay"); return false; }
this.doc.getElementById('lbPlay').onclick = function() { myLytebox.togglePlayPause("lbPlay", "lbPause"); return false; }
this.isSlideshow = doSlide;
this.isPaused = (this.slideNum != 0 ? true : false);
if (this.isSlideshow && this.showPlayPause && this.isPaused) {
this.doc.getElementById('lbPlay').style.display = '';
this.doc.getElementById('lbPause').style.display = 'none';
}
if (this.isLyteframe) {
this.changeContent(this.frameNum);
} else {
if (this.isSlideshow) {
this.changeContent(this.slideNum);
} else {
this.changeContent(this.imageNum);
}
}
};
LyteBox.prototype.changeContent = function(imageNum) {
if (this.isSlideshow) {
for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
}
this.activeImage = this.activeSlide = this.activeFrame = imageNum;
if (!this.outerBorder) {
this.doc.getElementById('lbOuterContainer').style.border = 'none';
this.doc.getElementById('lbDetailsContainer').style.border = 'none';
} else {
this.doc.getElementById('lbOuterContainer').style.borderBottom = '';
this.doc.getElementById('lbOuterContainer').setAttribute((this.ie ? 'className' : 'class'), this.theme);
}
this.doc.getElementById('lbLoading').style.display = '';
this.doc.getElementById('lbImage').style.display = 'none';
this.doc.getElementById('lbIframe').style.display = 'none';
this.doc.getElementById('lbPrev').style.display = 'none';
this.doc.getElementById('lbNext').style.display = 'none';
this.doc.getElementById('lbIframeContainer').style.display = 'none';
this.doc.getElementById('lbDetailsContainer').style.display = 'none';
this.doc.getElementById('lbNumberDisplay').style.display = 'none';
if (this.navType == 2 || this.isLyteframe) {
object = this.doc.getElementById('lbNavDisplay');
object.innerHTML = ' <span id="lbPrev2_Off" style="display: none;" class="' + this.theme + '">« prev</span><a href="#" id="lbPrev2" class="' + this.theme + '" style="display: none;">« prev</a> <b id="lbSpacer" class="' + this.theme + '">||</b> <span id="lbNext2_Off" style="display: none;" class="' + this.theme + '">next »</span><a href="#" id="lbNext2" class="' + this.theme + '" style="display: none;">next »</a>';
object.style.display = 'none';
}
if (this.isLyteframe) {
var iframe = myLytebox.doc.getElementById('lbIframe');
var styles = this.frameArray[this.activeFrame][2];
var aStyles = styles.split(';');
for (var i = 0; i < aStyles.length; i++) {
if (aStyles[i].indexOf('width:') >= 0) {
var w = aStyles[i].replace('width:', '');
iframe.width = w.trim();
} else if (aStyles[i].indexOf('height:') >= 0) {
var h = aStyles[i].replace('height:', '');
iframe.height = h.trim();
} else if (aStyles[i].indexOf('scrolling:') >= 0) {
var s = aStyles[i].replace('scrolling:', '');
iframe.scrolling = s.trim();
} else if (aStyles[i].indexOf('border:') >= 0) {
// Not implemented yet, as there are cross-platform issues with setting the border (from a GUI standpoint)
//var b = aStyles[i].replace('border:', '');
//iframe.style.border = b.trim();
}
}
this.resizeContainer(parseInt(iframe.width), parseInt(iframe.height));
} else {
imgPreloader = new Image();
imgPreloader.onload = function() {
var imageWidth = imgPreloader.width;
var imageHeight = imgPreloader.height;
if (myLytebox.autoResize) {
var pagesize = myLytebox.getPageSize();
var x = pagesize[2] - 150;
var y = pagesize[3] - 150;
if (imageWidth > x) {
imageHeight = Math.round(imageHeight * (x / imageWidth));
imageWidth = x;
if (imageHeight > y) {
imageWidth = Math.round(imageWidth * (y / imageHeight));
imageHeight = y;
}
} else if (imageHeight > y) {
imageWidth = Math.round(imageWidth * (y / imageHeight));
imageHeight = y;
if (imageWidth > x) {
imageHeight = Math.round(imageHeight * (x / imageWidth));
imageWidth = x;
}
}
}
var lbImage = myLytebox.doc.getElementById('lbImage')
lbImage.src = (myLytebox.isSlideshow ? myLytebox.slideArray[myLytebox.activeSlide][0] : myLytebox.imageArray[myLytebox.activeImage][0]);
lbImage.width = imageWidth;
lbImage.height = imageHeight;
myLytebox.resizeContainer(imageWidth, imageHeight);
imgPreloader.onload = function() {};
}
imgPreloader.src = (this.isSlideshow ? this.slideArray[this.activeSlide][0] : this.imageArray[this.activeImage][0]);
}
};
LyteBox.prototype.resizeContainer = function(imgWidth, imgHeight) {
this.wCur = this.doc.getElementById('lbOuterContainer').offsetWidth;
this.hCur = this.doc.getElementById('lbOuterContainer').offsetHeight;
this.xScale = ((imgWidth + (this.borderSize * 2)) / this.wCur) * 100;
this.yScale = ((imgHeight + (this.borderSize * 2)) / this.hCur) * 100;
var wDiff = (this.wCur - this.borderSize * 2) - imgWidth;
var hDiff = (this.hCur - this.borderSize * 2) - imgHeight;
if (!(hDiff == 0)) {
this.hDone = false;
this.resizeH('lbOuterContainer', this.hCur, imgHeight + this.borderSize*2, this.getPixelRate(this.hCur, imgHeight));
} else {
this.hDone = true;
}
if (!(wDiff == 0)) {
this.wDone = false;
this.resizeW('lbOuterContainer', this.wCur, imgWidth + this.borderSize*2, this.getPixelRate(this.wCur, imgWidth));
} else {
this.wDone = true;
}
if ((hDiff == 0) && (wDiff == 0)) {
if (this.ie){ this.pause(250); } else { this.pause(100); }
}
this.doc.getElementById('lbPrev').style.height = imgHeight + "px";
this.doc.getElementById('lbNext').style.height = imgHeight + "px";
this.doc.getElementById('lbDetailsContainer').style.width = (imgWidth + (this.borderSize * 2) + (this.ie && this.doc.compatMode == "BackCompat" && this.outerBorder ? 2 : 0)) + "px";
this.showContent();
};
LyteBox.prototype.showContent = function() {
if (this.wDone && this.hDone) {
for (var i = 0; i < this.showContentTimerCount; i++) { window.clearTimeout(this.showContentTimerArray[i]); }
if (this.outerBorder) {
this.doc.getElementById('lbOuterContainer').style.borderBottom = 'none';
}
this.doc.getElementById('lbLoading').style.display = 'none';
if (this.isLyteframe) {
this.doc.getElementById('lbIframe').style.display = '';
this.appear('lbIframe', (this.doAnimations ? 0 : 100));
} else {
this.doc.getElementById('lbImage').style.display = '';
this.appear('lbImage', (this.doAnimations ? 0 : 100));
this.preloadNeighborImages();
}
if (this.isSlideshow) {
if(this.activeSlide == (this.slideArray.length - 1)) {
if (this.autoEnd) {
this.slideshowIDArray[this.slideshowIDCount++] = setTimeout("myLytebox.end('slideshow')", this.slideInterval);
}
} else {
if (!this.isPaused) {
this.slideshowIDArray[this.slideshowIDCount++] = setTimeout("myLytebox.changeContent("+(this.activeSlide+1)+")", this.slideInterval);
}
}
this.doc.getElementById('lbHoverNav').style.display = (this.showNavigation && this.navType == 1 ? '' : 'none');
this.doc.getElementById('lbClose').style.display = (this.showClose ? '' : 'none');
this.doc.getElementById('lbDetails').style.display = (this.showDetails ? '' : 'none');
this.doc.getElementById('lbPause').style.display = (this.showPlayPause && !this.isPaused ? '' : 'none');
this.doc.getElementById('lbPlay').style.display = (this.showPlayPause && !this.isPaused ? 'none' : '');
this.doc.getElementById('lbNavDisplay').style.display = (this.showNavigation && this.navType == 2 ? '' : 'none');
} else {
this.doc.getElementById('lbHoverNav').style.display = (this.navType == 1 && !this.isLyteframe ? '' : 'none');
if ((this.navType == 2 && !this.isLyteframe && this.imageArray.length > 1) || (this.frameArray.length > 1 && this.isLyteframe)) {
this.doc.getElementById('lbNavDisplay').style.display = '';
} else {
this.doc.getElementById('lbNavDisplay').style.display = 'none';
}
this.doc.getElementById('lbClose').style.display = '';
this.doc.getElementById('lbDetails').style.display = '';
this.doc.getElementById('lbPause').style.display = 'none';
this.doc.getElementById('lbPlay').style.display = 'none';
}
this.doc.getElementById('lbImageContainer').style.display = (this.isLyteframe ? 'none' : '');
this.doc.getElementById('lbIframeContainer').style.display = (this.isLyteframe ? '' : 'none');
try {
this.doc.getElementById('lbIframe').src = this.frameArray[this.activeFrame][0];
} catch(e) { }
} else {
this.showContentTimerArray[this.showContentTimerCount++] = setTimeout("myLytebox.showContent()", 200);
}
};
LyteBox.prototype.updateDetails = function() {
var object = this.doc.getElementById('lbCaption');
var sTitle = (this.isSlideshow ? this.slideArray[this.activeSlide][1] : (this.isLyteframe ? this.frameArray[this.activeFrame][1] : this.imageArray[this.activeImage][1]));
var sLongDesc = (this.isSlideshow ? this.slideArray[this.activeSlide][3] : (this.isLyteframe ? this.frameArray[this.activeFrame][3] : this.imageArray[this.activeImage][3]));
object.style.display = '';
object.innerHTML = (sTitle == null ? '' : sTitle);
object.innerHTML+= (sLongDesc == null ? '' : '<br />'+sLongDesc);
this.updateNav();
this.doc.getElementById('lbDetailsContainer').style.display = '';
object = this.doc.getElementById('lbNumberDisplay');
if (this.isSlideshow && this.slideArray.length > 1) {
object.style.display = '';
object.innerHTML = "Image " + eval(this.activeSlide + 1) + " of " + this.slideArray.length;
this.doc.getElementById('lbNavDisplay').style.display = (this.navType == 2 && this.showNavigation ? '' : 'none');
} else if (this.imageArray.length > 1 && !this.isLyteframe) {
object.style.display = '';
object.innerHTML = "Image " + eval(this.activeImage + 1) + " of " + this.imageArray.length;
this.doc.getElementById('lbNavDisplay').style.display = (this.navType == 2 ? '' : 'none');
} else if (this.frameArray.length > 1 && this.isLyteframe) {
object.style.display = '';
object.innerHTML = "Page " + eval(this.activeFrame + 1) + " of " + this.frameArray.length;
this.doc.getElementById('lbNavDisplay').style.display = '';
} else {
this.doc.getElementById('lbNavDisplay').style.display = 'none';
}
this.appear('lbDetailsContainer', (this.doAnimations ? 0 : 100));
};
LyteBox.prototype.updateNav = function() {
if (this.isSlideshow) {
if (this.activeSlide != 0) {
var object = (this.navType == 2 ? this.doc.getElementById('lbPrev2') : this.doc.getElementById('lbPrev'));
object.style.display = '';
object.onclick = function() {
if (myLytebox.pauseOnPrevClick) { myLytebox.togglePlayPause("lbPause", "lbPlay"); }
myLytebox.changeContent(myLytebox.activeSlide - 1); return false;
}
} else {
if (this.navType == 2) { this.doc.getElementById('lbPrev2_Off').style.display = ''; }
}
if (this.activeSlide != (this.slideArray.length - 1)) {
var object = (this.navType == 2 ? this.doc.getElementById('lbNext2') : this.doc.getElementById('lbNext'));
object.style.display = '';
object.onclick = function() {
if (myLytebox.pauseOnNextClick) { myLytebox.togglePlayPause("lbPause", "lbPlay"); }
myLytebox.changeContent(myLytebox.activeSlide + 1); return false;
}
} else {
if (this.navType == 2) { this.doc.getElementById('lbNext2_Off').style.display = ''; }
}
} else if (this.isLyteframe) {
if(this.activeFrame != 0) {
var object = this.doc.getElementById('lbPrev2');
object.style.display = '';
object.onclick = function() {
myLytebox.changeContent(myLytebox.activeFrame - 1); return false;
}
} else {
this.doc.getElementById('lbPrev2_Off').style.display = '';
}
if(this.activeFrame != (this.frameArray.length - 1)) {
var object = this.doc.getElementById('lbNext2');
object.style.display = '';
object.onclick = function() {
myLytebox.changeContent(myLytebox.activeFrame + 1); return false;
}
} else {
this.doc.getElementById('lbNext2_Off').style.display = '';
}
} else {
if(this.activeImage != 0) {
var object = (this.navType == 2 ? this.doc.getElementById('lbPrev2') : this.doc.getElementById('lbPrev'));
object.style.display = '';
object.onclick = function() {
myLytebox.changeContent(myLytebox.activeImage - 1); return false;
}
} else {
if (this.navType == 2) { this.doc.getElementById('lbPrev2_Off').style.display = ''; }
}
if(this.activeImage != (this.imageArray.length - 1)) {
var object = (this.navType == 2 ? this.doc.getElementById('lbNext2') : this.doc.getElementById('lbNext'));
object.style.display = '';
object.onclick = function() {
myLytebox.changeContent(myLytebox.activeImage + 1); return false;
}
} else {
if (this.navType == 2) { this.doc.getElementById('lbNext2_Off').style.display = ''; }
}
}
this.enableKeyboardNav();
};
LyteBox.prototype.enableKeyboardNav = function() { document.onkeydown = this.keyboardAction; };
LyteBox.prototype.disableKeyboardNav = function() { document.onkeydown = ''; };
LyteBox.prototype.keyboardAction = function(e) {
var keycode = key = escape = null;
keycode = (e == null) ? event.keyCode : e.which;
key = String.fromCharCode(keycode).toLowerCase();
escape = (e == null) ? 27 : e.DOM_VK_ESCAPE;
if ((key == 'x') || (key == 'c') || (keycode == escape)) {
myLytebox.end();
} else if ((key == 'p') || (keycode == 37)) {
if (myLytebox.isSlideshow) {
if(myLytebox.activeSlide != 0) {
myLytebox.disableKeyboardNav();
myLytebox.changeContent(myLytebox.activeSlide - 1);
}
} else if (myLytebox.isLyteframe) {
if(myLytebox.activeFrame != 0) {
myLytebox.disableKeyboardNav();
myLytebox.changeContent(myLytebox.activeFrame - 1);
}
} else {
if(myLytebox.activeImage != 0) {
myLytebox.disableKeyboardNav();
myLytebox.changeContent(myLytebox.activeImage - 1);
}
}
} else if ((key == 'n') || (keycode == 39)) {
if (myLytebox.isSlideshow) {
if(myLytebox.activeSlide != (myLytebox.slideArray.length - 1)) {
myLytebox.disableKeyboardNav();
myLytebox.changeContent(myLytebox.activeSlide + 1);
}
} else if (myLytebox.isLyteframe) {
if(myLytebox.activeFrame != (myLytebox.frameArray.length - 1)) {
myLytebox.disableKeyboardNav();
myLytebox.changeContent(myLytebox.activeFrame + 1);
}
} else {
if(myLytebox.activeImage != (myLytebox.imageArray.length - 1)) {
myLytebox.disableKeyboardNav();
myLytebox.changeContent(myLytebox.activeImage + 1);
}
}
}
};
LyteBox.prototype.preloadNeighborImages = function() {
if (this.isSlideshow) {
if ((this.slideArray.length - 1) > this.activeSlide) {
preloadNextImage = new Image();
preloadNextImage.src = this.slideArray[this.activeSlide + 1][0];
}
if(this.activeSlide > 0) {
preloadPrevImage = new Image();
preloadPrevImage.src = this.slideArray[this.activeSlide - 1][0];
}
} else {
if ((this.imageArray.length - 1) > this.activeImage) {
preloadNextImage = new Image();
preloadNextImage.src = this.imageArray[this.activeImage + 1][0];
}
if(this.activeImage > 0) {
preloadPrevImage = new Image();
preloadPrevImage.src = this.imageArray[this.activeImage - 1][0];
}
}
};
LyteBox.prototype.togglePlayPause = function(hideID, showID) {
if (this.isSlideshow && hideID == "lbPause") {
for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
}
this.doc.getElementById(hideID).style.display = 'none';
this.doc.getElementById(showID).style.display = '';
if (hideID == "lbPlay") {
this.isPaused = false;
if (this.activeSlide == (this.slideArray.length - 1)) {
this.end();
} else {
this.changeContent(this.activeSlide + 1);
}
} else {
this.isPaused = true;
}
};
LyteBox.prototype.end = function(caller) {
var closeClick = (caller == 'slideshow' ? false : true);
if (this.isSlideshow && this.isPaused && !closeClick) { return; }
this.disableKeyboardNav();
this.doc.getElementById('lbMain').style.display = 'none';
this.fade('lbOverlay', (this.doAnimations ? this.maxOpacity : 0));
this.toggleSelects('visible');
if (this.hideFlash) { this.toggleFlash('visible'); }
if (this.isSlideshow) {
for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
}
if (this.isLyteframe) {
this.initialize();
}
};
LyteBox.prototype.checkFrame = function() {
if (window.parent.frames[window.name] && (parent.document.getElementsByTagName('frameset').length <= 0)) {
this.isFrame = true;
this.lytebox = "window.parent." + window.name + ".myLytebox";
this.doc = parent.document;
} else {
this.isFrame = false;
this.lytebox = "myLytebox";
this.doc = document;
}
};
LyteBox.prototype.getPixelRate = function(cur, img) {
var diff = (img > cur) ? img - cur : cur - img;
if (diff >= 0 && diff <= 100) { return 10; }
if (diff > 100 && diff <= 200) { return 15; }
if (diff > 200 && diff <= 300) { return 20; }
if (diff > 300 && diff <= 400) { return 25; }
if (diff > 400 && diff <= 500) { return 30; }
if (diff > 500 && diff <= 600) { return 35; }
if (diff > 600 && diff <= 700) { return 40; }
if (diff > 700) { return 45; }
};
LyteBox.prototype.appear = function(id, opacity) {
var object = this.doc.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + (opacity + 10) + ")";
if (opacity == 100 && (id == 'lbImage' || id == 'lbIframe')) {
try { object.removeAttribute("filter"); } catch(e) {} /* Fix added for IE Alpha Opacity Filter bug. */
this.updateDetails();
} else if (opacity >= this.maxOpacity && id == 'lbOverlay') {
for (var i = 0; i < this.overlayTimerCount; i++) { window.clearTimeout(this.overlayTimerArray[i]); }
return;
} else if (opacity >= 100 && id == 'lbDetailsContainer') {
try { object.removeAttribute("filter"); } catch(e) {} /* Fix added for IE Alpha Opacity Filter bug. */
for (var i = 0; i < this.imageTimerCount; i++) { window.clearTimeout(this.imageTimerArray[i]); }
this.doc.getElementById('lbOverlay').style.height = this.getPageSize()[1] + "px";
} else {
if (id == 'lbOverlay') {
this.overlayTimerArray[this.overlayTimerCount++] = setTimeout("myLytebox.appear('" + id + "', " + (opacity+20) + ")", 1);
} else {
this.imageTimerArray[this.imageTimerCount++] = setTimeout("myLytebox.appear('" + id + "', " + (opacity+10) + ")", 1);
}
}
};
LyteBox.prototype.fade = function(id, opacity) {
var object = this.doc.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
if (opacity <= 0) {
try {
object.display = 'none';
} catch(err) { }
} else if (id == 'lbOverlay') {
this.overlayTimerArray[this.overlayTimerCount++] = setTimeout("myLytebox.fade('" + id + "', " + (opacity-20) + ")", 1);
} else {
this.timerIDArray[this.timerIDCount++] = setTimeout("myLytebox.fade('" + id + "', " + (opacity-10) + ")", 1);
}
};
LyteBox.prototype.resizeW = function(id, curW, maxW, pixelrate, speed) {
if (!this.hDone) {
this.resizeWTimerArray[this.resizeWTimerCount++] = setTimeout("myLytebox.resizeW('" + id + "', " + curW + ", " + maxW + ", " + pixelrate + ")", 100);
return;
}
var object = this.doc.getElementById(id);
var timer = speed ? speed : (this.resizeDuration/2);
var newW = (this.doAnimations ? curW : maxW);
object.style.width = (newW) + "px";
if (newW < maxW) {
newW += (newW + pixelrate >= maxW) ? (maxW - newW) : pixelrate;
} else if (newW > maxW) {
newW -= (newW - pixelrate <= maxW) ? (newW - maxW) : pixelrate;
}
this.resizeWTimerArray[this.resizeWTimerCount++] = setTimeout("myLytebox.resizeW('" + id + "', " + newW + ", " + maxW + ", " + pixelrate + ", " + (timer+0.02) + ")", timer+0.02);
if (parseInt(object.style.width) == maxW) {
this.wDone = true;
for (var i = 0; i < this.resizeWTimerCount; i++) { window.clearTimeout(this.resizeWTimerArray[i]); }
}
};
LyteBox.prototype.resizeH = function(id, curH, maxH, pixelrate, speed) {
var timer = speed ? speed : (this.resizeDuration/2);
var object = this.doc.getElementById(id);
var newH = (this.doAnimations ? curH : maxH);
object.style.height = (newH) + "px";
if (newH < maxH) {
newH += (newH + pixelrate >= maxH) ? (maxH - newH) : pixelrate;
} else if (newH > maxH) {
newH -= (newH - pixelrate <= maxH) ? (newH - maxH) : pixelrate;
}
this.resizeHTimerArray[this.resizeHTimerCount++] = setTimeout("myLytebox.resizeH('" + id + "', " + newH + ", " + maxH + ", " + pixelrate + ", " + (timer+.02) + ")", timer+.02);
if (parseInt(object.style.height) == maxH) {
this.hDone = true;
for (var i = 0; i < this.resizeHTimerCount; i++) { window.clearTimeout(this.resizeHTimerArray[i]); }
}
};
LyteBox.prototype.getPageScroll = function() {
if (self.pageYOffset) {
return this.isFrame ? parent.pageYOffset : self.pageYOffset;
} else if (this.doc.documentElement && this.doc.documentElement.scrollTop){
return this.doc.documentElement.scrollTop;
} else if (document.body) {
return this.doc.body.scrollTop;
}
};
LyteBox.prototype.getPageSize = function() {
var xScroll, yScroll, windowWidth, windowHeight;
if (window.innerHeight && window.scrollMaxY) {
xScroll = this.doc.scrollWidth;
yScroll = (this.isFrame ? parent.innerHeight : self.innerHeight) + (this.isFrame ? parent.scrollMaxY : self.scrollMaxY);
} else if (this.doc.body.scrollHeight > this.doc.body.offsetHeight){
xScroll = this.doc.body.scrollWidth;
yScroll = this.doc.body.scrollHeight;
} else {
xScroll = this.doc.getElementsByTagName("html").item(0).offsetWidth;
yScroll = this.doc.getElementsByTagName("html").item(0).offsetHeight;
xScroll = (xScroll < this.doc.body.offsetWidth) ? this.doc.body.offsetWidth : xScroll;
yScroll = (yScroll < this.doc.body.offsetHeight) ? this.doc.body.offsetHeight : yScroll;
}
if (self.innerHeight) {
windowWidth = (this.isFrame) ? parent.innerWidth : self.innerWidth;
windowHeight = (this.isFrame) ? parent.innerHeight : self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) {
windowWidth = this.doc.documentElement.clientWidth;
windowHeight = this.doc.documentElement.clientHeight;
} else if (document.body) {
windowWidth = this.doc.getElementsByTagName("html").item(0).clientWidth;
windowHeight = this.doc.getElementsByTagName("html").item(0).clientHeight;
windowWidth = (windowWidth == 0) ? this.doc.body.clientWidth : windowWidth;
windowHeight = (windowHeight == 0) ? this.doc.body.clientHeight : windowHeight;
}
var pageHeight = (yScroll < windowHeight) ? windowHeight : yScroll;
var pageWidth = (xScroll < windowWidth) ? windowWidth : xScroll;
return new Array(pageWidth, pageHeight, windowWidth, windowHeight);
};
LyteBox.prototype.toggleFlash = function(state) {
var objects = this.doc.getElementsByTagName("object");
for (var i = 0; i < objects.length; i++) {
objects[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
}
var embeds = this.doc.getElementsByTagName("embed");
for (var i = 0; i < embeds.length; i++) {
embeds[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
}
if (this.isFrame) {
for (var i = 0; i < parent.frames.length; i++) {
try {
objects = parent.frames[i].window.document.getElementsByTagName("object");
for (var j = 0; j < objects.length; j++) {
objects[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
}
} catch(e) { }
try {
embeds = parent.frames[i].window.document.getElementsByTagName("embed");
for (var j = 0; j < embeds.length; j++) {
embeds[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
}
} catch(e) { }
}
}
};
LyteBox.prototype.toggleSelects = function(state) {
var selects = this.doc.getElementsByTagName("select");
for (var i = 0; i < selects.length; i++ ) {
selects[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
}
if (this.isFrame) {
for (var i = 0; i < parent.frames.length; i++) {
try {
selects = parent.frames[i].window.document.getElementsByTagName("select");
for (var j = 0; j < selects.length; j++) {
selects[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
}
} catch(e) { }
}
}
};
LyteBox.prototype.pause = function(numberMillis) {
var now = new Date();
var exitTime = now.getTime() + numberMillis;
while (true) {
now = new Date();
if (now.getTime() > exitTime) { return; }
}
};
if (window.addEventListener) {
window.addEventListener("load",initLytebox,false);
} else if (window.attachEvent) {
window.attachEvent("onload",initLytebox);
} else {
window.onload = function() {initLytebox();}
}
function initLytebox() { myLytebox = new LyteBox(); }
|
prost
|
|
|
|
|
Anzeige
|
|
|
vic20359
Threadersteller
Dabei seit: 15.05.2005
Ort: Hamburg
Alter: 39
Geschlecht:
|
Verfasst Mi 10.09.2008 15:15
Titel
|
|
|
Hey,
tausend Dank, das geht schon in die richtige Richtung! Allerdings taucht jetzt das Problem bei mir auf, dass sich der Gesamtcontent nicht mehr zentriert, sondern nach unten hin ausweitet und die Abstände dadurch nur noch zu den Seiten und nach oben hin gleich sind. siehe http://www.oomens.de/victor/test/work.html (bislang nur beim ersten thumb)
Layouttechnisch meinte ich das etwa so:
Content Feld
- 3 px transparenten Abstand -
Client Balken
- 3 px transparenten Abstand -
Job Balken
Close Button rechtsbündig und als letztes (notfalls als vierter Balken)
Und im Gesamten sollte es sich nach wie vor skaliert zentriert ausrichten.
Ist das machbar oder zu kompliziert?
Wenn Dir das zu viel Aufwand ist, biete ich dir als "Entschädigung" ein Bierchen in meiner Bude am Albers Platz an, inkl. kleines Kickerturnier an meinem Pauli Kicker
|
|
|
|
|
vic20359
Threadersteller
Dabei seit: 15.05.2005
Ort: Hamburg
Alter: 39
Geschlecht:
|
Verfasst Mi 10.09.2008 15:19
Titel
|
|
|
Oh, außerdem sehe ich gerade, übernimmt das Script meinen Client-Eintrag auch für die nächsten Bilder. Das soll natürlich nicht sein... ^^
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 10.09.2008 15:39
Titel
|
|
|
vic20359 hat geschrieben: | Wenn Dir das zu viel Aufwand ist, biete ich dir als "Entschädigung" ein Bierchen in meiner Bude am Albers Platz an, inkl. kleines Kickerturnier an meinem Pauli Kicker |
Bier, zu einem Astra sagt der Pixelpapst bestimmt nicht nein.
Zuletzt bearbeitet von m am Mi 10.09.2008 15:40, insgesamt 1-mal bearbeitet
|
|
|
|
|
vic20359
Threadersteller
Dabei seit: 15.05.2005
Ort: Hamburg
Alter: 39
Geschlecht:
|
Verfasst Mi 10.09.2008 15:43
Titel
|
|
|
m hat geschrieben: | vic20359 hat geschrieben: | Wenn Dir das zu viel Aufwand ist, biete ich dir als "Entschädigung" ein Bierchen in meiner Bude am Albers Platz an, inkl. kleines Kickerturnier an meinem Pauli Kicker |
Bier, zu einem Astra sagt der Pixelpapst bestimmt nicht nein. |
was sonst?!
aber erst einmal brauch ich dringend codertechnische hilfe. ich sehe nur noch buchstaben. aaah...
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 10.09.2008 15:51
Titel
|
|
|
vic20359 hat geschrieben: | m hat geschrieben: | vic20359 hat geschrieben: | Wenn Dir das zu viel Aufwand ist, biete ich dir als "Entschädigung" ein Bierchen in meiner Bude am Albers Platz an, inkl. kleines Kickerturnier an meinem Pauli Kicker |
Bier, zu einem Astra sagt der Pixelpapst bestimmt nicht nein. |
was sonst?!
aber erst einmal brauch ich dringend codertechnische hilfe. ich sehe nur noch buchstaben. aaah... |
der m kennt mich... hab stechenden durst
so, noch mal fix zum script.
das layout könnt aufwendiger werden (vor allem, da ich noch nicht ganz hinterschaue, wie's ausschauen sollte). das zweite problem, dass alle bilder die selbe longdesc ausspucken ist fix gefixt (stechender-durst-fehler meinerseits)
zeile 251 ersetzen mit:
Code: |
this.imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title'),'', anchor.getAttribute('longdesc')));
|
zeile 263 ersetzen mit:
Code: |
this.slideArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title'),'', anchor.getAttribute('longdesc')));
|
in beiden stand statt anchor.getAttribute('longdesc') image.getAttribute('longdesc') , was falsch war...
so, das war die codehilfe - wo bleibt die dursthilfe
edit:
dein letztes prob mit dem closebutton (rechtsbündig unten) müsste eigentlich fix gelöst sein in dem du im css-file
Code: |
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
|
durch
Code: |
#lbClose { position: absolute; bottom: 0px; width: 64px; height: 28px; float: right; margin-bottom: 1px; }
|
ersetzt...
(nicht wirklich getestet, probiers mal...)
Zuletzt bearbeitet von pixelpapst303 am Mi 10.09.2008 16:00, insgesamt 1-mal bearbeitet
|
|
|
|
|
vic20359
Threadersteller
Dabei seit: 15.05.2005
Ort: Hamburg
Alter: 39
Geschlecht:
|
Verfasst Mi 10.09.2008 16:08
Titel
|
|
|
Danke, danke!
Ich hab dir mal gephotoshoppt, wie ich das ungefähr meine.
Ist das aufwendig? So in der Art habe ich das jedenfalls schonmal gesehen. Hätte auch nix dagegen, das "close" als x oben rechts in der Ecke zu platzieren, aber das ist wahrscheinlich noch komplizierter. So täte mir auch reichen!
Zuletzt bearbeitet von vic20359 am Mi 10.09.2008 16:10, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Lytebox 5.5 Problem /
Lytebox in übergroßen DIV zentrieren
Lytebox: Bilder im IE verzerrt bzw. gestaucht!
Lytebox - wird mal angezeigt und mal nicht, warum?
Lytebox: Close-Button oben anzeigen lassen?
Vista + IE 7: Input Felder
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|