Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
| [ 1 | 2 ] | [ Anmelden zum schreiben ] |
| Fancybox im BB-Code / Forum | |||
|---|---|---|---|
| CrashOverrideSE Mitglied 
Posts: 18 |
Moin Moin,
ich habe die Fancybox www.ilch.de/downloads-show-1368.html eingebaut in mein iLch script läuft auch alles. In der Gallery und auch in der PicofX etc läuft sie. das einzige das nicht geht ist das Forum und die News dort macht er mir nur ein neues fenster mit dem Bild auf obwohl ich den rel= in die /include/includes/class/bbcode.php eingefügt habe mir der lightbox hatte ich diese Probleme nicht hat jemmand eine idea was ich noch probieren könnte. mfg |
||
| Mairu Coder 
Posts: 12615  |
Ein Link zur Seite wäre nicht verkehrt, wenn ich raten soll, hast du vielleicht BBCode 2.0 und da werden die Bilder auch verkleinert, und dabei werden sie unter Umständen ersetzt und die Fancybox bekommt keinen Zugriff.
Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite |
||
| whazza Mitglied 
Posts: 1112  |
Also das würde mich auch interessieren ob es geht.
Wäre nämlich nicht schlecht, weil finde es nicht so schön das die Bilder in einer neuen Seite aufgeht Also PicofX und Usergallery habe ich es selber hin bekommen, was ja auch nit so schwer ist. Benutze auch BBCode 2.0 www.warri0r0fheav3n.de/ --------------------------------------------------- Klein Neue Ansicht |
||
| Unknown|User Mitglied
|
Versucht es mal hiermit:
include/includes/js/BBcodeGlobal.js function addEvent(elm, evType, fn, useCapture)
// addEvent and removeEvent
// cross-browser event handling for IE5+, NS6 and Mozilla
// By Scott Andrew
{
if (elm.addEventListener){
elm.addEventListener(evType, fn, useCapture);
return true;
} else if (elm.attachEvent){
var r = elm.attachEvent("on"+evType, fn);
return r;
} else {
alert("Handler could not be removed");
}
}
addEvent(window, "load", ResizeBBCodeImages);
//Funktion die alle Bilder des BBCodes der Funktion SetSize übergibt
function ResizeBBCodeImages() {
imgs = document.getElementsByTagName("img");
for (ti=0;ti<imgs.length;ti++) {
if (imgs[ti].className.indexOf("bbcode_image") != -1) {
SetSize(imgs[ti]);
}
}
}
//Funktion zum Ändern der Bildgröße für zu große Bilder
function SetSize(img){
var w = img.width;
var h = img.height;
var toChange = false;
if (w>bbcodemaximagewidth) {
h = bbcodemaximagewidth * h / w;
w = bbcodemaximagewidth;
toChange = true;
}
if (h>bbcodemaximageheight) {
w = bbcodemaximageheight * w / h;
h = bbcodemaximageheight;
toChange = true;
}
if (toChange) {
var src = img.getAttribute('src');
if ( img.parentNode.nodeName.toLowerCase() == 'a' ) {
img.setAttribute('width',w);
img.setAttribute('height',h);
} else {
var ersatz = document.createElement('a');
ersatz.setAttribute('rel','galimagesrel');
ersatz.setAttribute('href',src);
ersatz.setAttribute('target','_blank');
var newImg = document.createElement('img');
newImg.setAttribute('src',src);
newImg.setAttribute('width',w);
newImg.setAttribute('height',h);
newImg.setAttribute('border','0');
newImg.setAttribute('style',img.getAttribute('style',0));
ersatz.appendChild(newImg);
img.parentNode.replaceChild(ersatz,img);
}
}
}
//Funktion für BBCode Klapptext
function Klapptext(str) {
var KlappText = document.getElementById('layer_'+str);
var KlappBild = document.getElementById('image_'+str);
var medientuner_minus= "include/images/icons/minus.gif", medientuner_plus="include/images/icons/plus.gif";
if (KlappText.style.display == 'none') {
KlappText.style.display = 'block';
KlappBild.src = medientuner_minus;
} else {
KlappText.style.display = 'none';
KlappBild.src = medientuner_plus;
}
} |
||
| whazza Mitglied
Posts: 1112 |
Hat leider kein Erfolg gebracht, also es hat sich nichts verändert
--------------------------------------------------- Klein Neue Ansicht |
||
| Unknown|User Mitglied
|
Mehrmals f5 gedrückt? JS-Dateien landen im Cache.
|
||
| whazza Mitglied
Posts: 1112 |
leider auch ohne Erfolg habe strg f5 gedrückt und so bei Mozilla mal Cache geleert
--------------------------------------------------- Klein Neue Ansicht |
||
| Unknown|User Mitglied
|
hmm... Beispielseite?
|
||
| whazza Mitglied
Posts: 1112 |
--------------------------------------------------- Klein Neue Ansicht |
||
| Lord|Schirmer Administrator 
Posts: 4407  |
Das Problem hatten wir schon mal mit der Lightbox! Das rel-Attribut muss anders hinzugefügt werden!
www.ilch.de/forum-showposts-41386.html "In mir schlummert ein Genie, leider wacht es nicht auf!" my portfolio | my community | important link |
||
| Unknown|User Mitglied
|
s. oben. Genau so gemacht, wie im Thead, den du nun verlinkst^^
|
||
| whazza Mitglied
Posts: 1112 |
Edit: Klasse danke hat mir sehr geholfen falls es jemand brauch einfach
das var ersatz = document.createElement('a');
ersatz.setAttribute('href',src);
ersatz.setAttribute('target','_blank');
var newImg = document.createElement('img');
newImg.setAttribute('src',src);
newImg.setAttribute('width',w);
newImg.setAttribute('height',h);
newImg.setAttribute('border','0');
newImg.setAttribute('style',img.getAttribute('style',0));
ersatz.appendChild(newImg);
img.parentNode.replaceChild(ersatz,img);
durch das ersetzen var ersatz = document.createElement('a');
ersatz.setAttribute('href',src);
var newImg = document.createElement('img');
newImg.setAttribute('src',src);
newImg.setAttribute('width',w);
newImg.setAttribute('height',h);
newImg.setAttribute('border','0');
newImg.setAttribute('style',img.getAttribute('style',0));
ersatz.appendChild(newImg);
img.parentNode.replaceChild(ersatz,img);
$(ersatz).fancybox ();
Zuletzt modifiziert von whazza am 04.07.2010 - 19:42:29 --------------------------------------------------- Klein Neue Ansicht |
||
| Unknown|User Mitglied
|
@whazza: Deine BBcodeGlobal.js ist aber nicht die geänderte^^ - Dann kann es nicht funktionieren.
|
||
| Unknown|User Mitglied
|
---
Zuletzt modifiziert von Unknown|User am 04.07.2010 - 19:46:54 |
||
| whazza Mitglied
Posts: 1112 |
Hat geklappt danke an alle habe mein obigen Post editiert.
Könnte man da noch mit einbauen das wenn in einen Post mehrere Bilder hat das man auf weiter klicken kann? --------------------------------------------------- Klein Neue Ansicht |
||
| whazza Mitglied
Posts: 1112 |
Ich wollte mal fragen ob man das auch in [shot] Funktion rein bekommt?
--------------------------------------------------- Klein Neue Ansicht |
||
| Lord|Schirmer Administrator
Posts: 4407 |
in der include/inlcudes/class/bbcode.php nach function _screenshot suchen:
$image = '<a href="'.$string.'" target="_blank"><img src="'.$string.'" alt="" title="" border="0" width="'.$this->info['ScreenMaxBreite'].'" height="'.$this->info['ScreenMaxHoehe'].'" '.$float.'/></a>'; zu dem $image = '<a rel="galimagesrel" href="'.$string.'"><img src="'.$string.'" alt="" title="" border="0" width="'.$this->info['ScreenMaxBreite'].'" height="'.$this->info['ScreenMaxHoehe'].'" '.$float.'/></a>'; ändern! "In mir schlummert ein Genie, leider wacht es nicht auf!" my portfolio | my community | important link |
||
| whazza Mitglied
Posts: 1112 |
hat leider nicht funktionier es kommt auch kein fehler
--------------------------------------------------- Klein Neue Ansicht |
||
| Lord|Schirmer Administrator
Posts: 4407 |
Versuch es mal mit id="fancy_img" statt rel="galimagesrel"
"In mir schlummert ein Genie, leider wacht es nicht auf!" my portfolio | my community | important link |
||
| whazza Mitglied
Posts: 1112 |
funktioniert auch nicht
--------------------------------------------------- Klein Neue Ansicht |
||
| Chapter Moderator 
Posts: 5655  |
das modul ist sowieso veraltet. schaut euch mal die entwicklerseite an, das teil hat inzwischen viel mehr funktionen
Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten |
||
| Lord|Schirmer Administrator
Posts: 4407 |
Da hat Chapter recht!
@ whazza: Schau einfach mal, mit welcher ID oder REL Pfad die Bilder sonst aufgerufen werden! Das Prinzip oben ist immer das Gleiche nur die ID/REL müsste halt eingefügt werden! "In mir schlummert ein Genie, leider wacht es nicht auf!" my portfolio | my community | important link |
||
| whazza Mitglied
Posts: 1112 |
Zitat geschrieben von Chapter
das modul ist sowieso veraltet. schaut euch mal die entwicklerseite an, das teil hat inzwischen viel mehr funktionen Mir reichen die xD Aber danke Zitat Schau einfach mal, mit welcher ID oder REL Pfad die Bilder sonst aufgerufen werden! Das Prinzip oben ist immer das Gleiche nur die ID/REL müsste halt eingefügt werden!
Wie mache ich das den müsste ich die HTML Datein durch schauen oder? --------------------------------------------------- Klein Neue Ansicht |
||
| Lord|Schirmer Administrator
Posts: 4407 |
Es kommt darauf an, wo es schon aktiv eingebunden ist, zB.: Gallerie oä. hier prüfen wo das Bild nach der Art: <a href=""><img src=""></a> definiert wird! Im Normalfall in der jeweiligen php!
"In mir schlummert ein Genie, leider wacht es nicht auf!" my portfolio | my community | important link |
||
| CaZper Mitglied
Posts: 15  |
HI, also bei mir geht alles soweit, aber wie bekommt man ein Bild mit der Fancybox per Link auf ? Ich habe schon in div. variationen
<a rel=".fancybox" href="include/images/gallery/img_norm_1.jpg">Klostergarten</a> <a rel="galimagesrel" href="include/images/gallery/img_norm_1.jpg">Klostergarten</a> versucht, aber irgendwie ohne Erfolg.. jetzt gebe ich auf... Ich hoffe mir kann einer helfen.. danke !!! gute Nacht! ah,, hier mal nen link 
anja-berger.de/garten/index.php?Bildergalerie kann dochmal passieren  |
||
| Lord|Schirmer Administrator
Posts: 4407 |
Schau Dir mal diesen Link an: fancybox.net/howto
Ich denke Du musst in deinem Fall mit id="" arbeiten, beim kurzen durchsehen des Quelltextes mit id="galimages"! "In mir schlummert ein Genie, leider wacht es nicht auf!" my portfolio | my community | important link |
||
| Mairu Coder
Posts: 12615 |
Kann eigentlich nicht sein, da eine id eindeutig sein muss, sprich sie darf im gesamten HTML Element nur ein einziges mal vorkommen. Normalerweise arbeitet man bei soetwas mit Klassen, also class="meineklasse", dann kann man bei jquery einfach alle Elementen dieser Klasse ansprechen, falls du Fancybox schon woanders einsetzt, ist ggf. schon so eine Klasse definiert, und du musst keine weitere Anlegen.
$(function() {
$('.meineklasse').fancybox();
});
Zuletzt modifiziert von Mairu am 21.01.2011 - 16:17:11 Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite |
||
| Tiborius Mitglied
Posts: 498  |
ich habe noch mal eine frage zu der bbcode änderung so das es im forum geht. ich habe jetzt die greybox wie muss ich dann die zeile ändern?
var ersatz = document.createElement('a');
ersatz.setAttribute('href',src);
var newImg = document.createElement('img');
newImg.setAttribute('src',src);
newImg.setAttribute('width',w);
newImg.setAttribute('height',h);
newImg.setAttribute('border','0');
newImg.setAttribute('style',img.getAttribute('style',0));
ersatz.appendChild(newImg);
img.parentNode.replaceChild(ersatz,img);
$(ersatz).fancybox ();Brain.exe Die Rundumlösung |
||
| Mairu Coder
Posts: 12615 |
Obs geht hab ich nicht getestet, aber wenn ich in den Code schaue müsste es ungefähr so sein.
var ersatz = document.createElement('a');
ersatz.setAttribute('href',src);
var newImg = document.createElement('img');
newImg.setAttribute('src',src);
newImg.setAttribute('width',w);
newImg.setAttribute('height',h);
newImg.setAttribute('border','0');
newImg.setAttribute('style',img.getAttribute('style',0));
ersatz.appendChild(newImg);
img.parentNode.replaceChild(ersatz,img);
ersatz.onclick = function() {
GB_showImage('Bild mit Greybox oeffnen', src);
return false;
}Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite |
||
| Tiborius Mitglied
Posts: 498 |
funktioniert alles super... danke für die schnelle hilfe
Brain.exe Die Rundumlösung |
||
| [ 1 | 2 ] | [ Anmelden zum schreiben ] |