nicht angemeldet
Lytebox funzt nicht
Hi Folks,
vielleicht sitz da draußen noch jemand, der Hilfe weiß:
Ich habe mir bei http://www.dolem.com/lytebox/ die besagte Lytebox geholt und mit meinen wirklich sehr bescheidenen JSP-Kenntnissen in mein Entwurf eingeklinkt und dem Design angepasst. Das war ja auch relativ einfach und sie ruft nun die Bilder und Htmls richtig auf. ABER: Das Frame passt sich nicht an die jeweiligen Formate der Bilder bzw Htmls an und baut sich immer mit 400x400 px und Scrollbalken auf.
OK - in der Anleitung steht ja auch:
When using the "Lyteframe" feature, the REV attribute is used to control the width, height, and scrolling of the window. If the REV attribute is omitted, then by default width/height is set to 400px and scrolling is set to auto.<
In dem mitgelieferten jsp steht die Vorgabe für den "default"-Fall:
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)));
} 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.removeDuplicates();
while(this.frameArray[this.frameNum][0] != imageLink.getAttribute('href')) { this.frameNum++; }
Wenn ich hier width: 400px; height: 400px; verändere, stehe ich ja wieder vor dem gleichen Problem. Wo in aller Welt aber, gebe ich die jeweiligen REV Attribute denn ein? Kann mir einer 'nen Tipp geben?
tschöööö
KINYO
-
Moin Moin!
Wenn ich hier width: 400px; height: 400px; verändere, stehe ich ja wieder vor dem gleichen Problem. Wo in aller Welt aber, gebe ich die jeweiligen REV Attribute denn ein? Kann mir einer 'nen Tipp geben?
Die Kurzform? RTFM
Die Langform?
Ctrl-C Ctrl-V:
HTML Content Example (note the use of lyteframe instead of lytebox):
<a href="http://www.google.com" rel="lyteframe" title="Search Google" rev="width: 400px; height: 300px; scrolling: no;">Google Search</a>
Alexander -- Today I will gladly share my knowledge and experience, for there are no sweeter words than "I told you so".-
Moinsen Alexander,
vielen Dank! Manchmal sieht man den Wald vor lauter Bäume nicht ;-))
KINYO
Moin Moin!
»» Wenn ich hier width: 400px; height: 400px; verändere, stehe ich ja wieder vor dem gleichen Problem. Wo in aller Welt aber, gebe ich die jeweiligen REV Attribute denn ein? Kann mir einer 'nen Tipp geben?
Die Kurzform? RTFM
Die Langform?
Ctrl-C Ctrl-V:
»» HTML Content Example (note the use of lyteframe instead of lytebox):
»»
»» ~~~html»» <a href="http://www.google.com" rel="lyteframe" title="Search Google" rev="width: 400px; height: 300px; scrolling: no;">Google Search</a>
»»> > Alexander
-