» Forum » Clanscript » Module und Modifikationen » Fancybox im BB-Code / Forum
  Mitglieder   |   Gallery   |   FAQ's   |   Regeln

[ Anmelden zum schreiben ]

Fancybox im BB-Code / Forum
CrashOverrideSE
Mitglied
0 Beitragspunkte
Posts: 18

0 Mitglieder finden den Beitrag gut.

18.05.2010 - 14:19:26     Zitieren

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
9 Beitragspunkte
Posts: 11969

User Pic

0 Mitglieder finden den Beitrag gut.

18.05.2010 - 17:41:34     Zitieren

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
3 Beitragspunkte
Posts: 366

User Pic

0 Mitglieder finden den Beitrag gut.

04.07.2010 - 17:17:38     Zitieren

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/

---------------------------------------------------
www.youtube.com/watch?v=7yw_pdqjHFU&feature=related
Unknown|User
Mitglied
42 Beitragspunkte
Posts: 581

User Pic

0 Mitglieder finden den Beitrag gut.

04.07.2010 - 18:05:56     Zitieren

Versucht es mal hiermit:

include/includes/js/BBcodeGlobal.js
Code: Zeilennummern entfernen
  1. function addEvent(elm, evType, fn, useCapture)
  2. // addEvent and removeEvent
  3. // cross-browser event handling for IE5+,  NS6 and Mozilla
  4. // By Scott Andrew
  5. {
  6.  if (elm.addEventListener){
  7.    elm.addEventListener(evType, fn, useCapture);
  8.    return true;
  9.  } else if (elm.attachEvent){
  10.    var r = elm.attachEvent("on"+evType, fn);
  11.    return r;
  12.  } else {
  13.    alert("Handler could not be removed");
  14.  }
  15. }
  16.  
  17. addEvent(window, "load", ResizeBBCodeImages);
  18.  
  19. //Funktion die alle Bilder des BBCodes der Funktion SetSize übergibt
  20. function ResizeBBCodeImages() {
  21.   imgs = document.getElementsByTagName("img");
  22.   for (ti=0;ti<imgs.length;ti++) {
  23.     if (imgs[ti].className.indexOf("bbcode_image") != -1) {
  24.       SetSize(imgs[ti]);
  25.     }
  26.   }
  27. }
  28.  
  29. //Funktion zum Ändern der Bildgröße für zu große Bilder
  30. function SetSize(img){
  31.   var w = img.width;
  32.   var h = img.height;
  33.   var toChange = false;
  34.   if (w>bbcodemaximagewidth) {
  35.     h = bbcodemaximagewidth * h / w;
  36.     w = bbcodemaximagewidth;
  37.     toChange = true;
  38.     }
  39.   if (h>bbcodemaximageheight) {
  40.     w = bbcodemaximageheight * w / h;
  41.     h = bbcodemaximageheight;
  42.     toChange = true;
  43.     }
  44.   if (toChange) {
  45.     var src = img.getAttribute('src');
  46.     if ( img.parentNode.nodeName.toLowerCase() == 'a' ) {
  47.       img.setAttribute('width',w);
  48.       img.setAttribute('height',h);
  49.     } else {
  50.       var ersatz = document.createElement('a');
  51.       ersatz.setAttribute('rel','galimagesrel');
  52.       ersatz.setAttribute('href',src);
  53.       ersatz.setAttribute('target','_blank');
  54.       var newImg = document.createElement('img');
  55.       newImg.setAttribute('src',src);
  56.       newImg.setAttribute('width',w);
  57.       newImg.setAttribute('height',h);
  58.       newImg.setAttribute('border','0');
  59.       newImg.setAttribute('style',img.getAttribute('style',0));
  60.       ersatz.appendChild(newImg);
  61.       img.parentNode.replaceChild(ersatz,img);
  62.     }
  63.   }
  64. }
  65.  
  66. //Funktion für BBCode Klapptext
  67. function Klapptext(str) {
  68.     var KlappText = document.getElementById('layer_'+str);
  69.     var KlappBild = document.getElementById('image_'+str);
  70.     var medientuner_minus= "include/images/icons/minus.gif", medientuner_plus="include/images/icons/plus.gif";
  71.    
  72.     if (KlappText.style.display == 'none') {
  73.         KlappText.style.display = 'block';
  74.         KlappBild.src = medientuner_minus;
  75.     } else {
  76.         KlappText.style.display = 'none';
  77.         KlappBild.src = medientuner_plus;
  78.     }
  79. }


JunDesk Jungautoren-Schreibwettbewerb 2010 - Jetzt teilnehmen!

www.koerner-ws.de :: www.webresourcesdepot.com
whazza
Mitglied
3 Beitragspunkte
Posts: 366

User Pic

0 Mitglieder finden den Beitrag gut.

04.07.2010 - 18:22:53     Zitieren

Hat leider kein Erfolg gebracht, also es hat sich nichts verändert

---------------------------------------------------
www.youtube.com/watch?v=7yw_pdqjHFU&feature=related
Unknown|User
Mitglied
42 Beitragspunkte
Posts: 581

User Pic

0 Mitglieder finden den Beitrag gut.

04.07.2010 - 18:23:40     Zitieren

Mehrmals f5 gedrückt? JS-Dateien landen im Cache.

JunDesk Jungautoren-Schreibwettbewerb 2010 - Jetzt teilnehmen!

www.koerner-ws.de :: www.webresourcesdepot.com
whazza
Mitglied
3 Beitragspunkte
Posts: 366

User Pic

0 Mitglieder finden den Beitrag gut.

04.07.2010 - 18:40:08     Zitieren

leider auch ohne Erfolg habe strg f5 gedrückt und so bei Mozilla mal Cache geleert

---------------------------------------------------
www.youtube.com/watch?v=7yw_pdqjHFU&feature=related
Unknown|User
Mitglied
42 Beitragspunkte
Posts: 581

User Pic

0 Mitglieder finden den Beitrag gut.

04.07.2010 - 18:47:01     Zitieren

hmm... Beispielseite?

JunDesk Jungautoren-Schreibwettbewerb 2010 - Jetzt teilnehmen!

www.koerner-ws.de :: www.webresourcesdepot.com
whazza
Mitglied
3 Beitragspunkte
Posts: 366

User Pic

0 Mitglieder finden den Beitrag gut.

04.07.2010 - 19:22:17     Zitieren

www.warri0r0fheav3n.de/index.php?forum-showposts-74

---------------------------------------------------
www.youtube.com/watch?v=7yw_pdqjHFU&feature=related
Lord|Schirmer
Mitglied
67 Beitragspunkte
Posts: 2433

User Pic

0 Mitglieder finden den Beitrag gut.

04.07.2010 - 19:29:23     Zitieren

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!
========================== [ www.d-o-bund.de ]
Unknown|User
Mitglied
42 Beitragspunkte
Posts: 581

User Pic

0 Mitglieder finden den Beitrag gut.

04.07.2010 - 19:38:04     Zitieren

s. oben. Genau so gemacht, wie im Thead, den du nun verlinkst^^

JunDesk Jungautoren-Schreibwettbewerb 2010 - Jetzt teilnehmen!

www.koerner-ws.de :: www.webresourcesdepot.com
whazza
Mitglied
3 Beitragspunkte
Posts: 366

User Pic

0 Mitglieder finden den Beitrag gut.

04.07.2010 - 19:38:58     Zitieren

Edit: Klasse danke hat mir sehr geholfen falls es jemand brauch einfach
das

Code: Zeilennummern entfernen
  1. var ersatz = document.createElement('a');
  2.       ersatz.setAttribute('href',src);
  3.       ersatz.setAttribute('target','_blank');
  4.       var newImg = document.createElement('img');
  5.       newImg.setAttribute('src',src);
  6.       newImg.setAttribute('width',w);
  7.       newImg.setAttribute('height',h);
  8.       newImg.setAttribute('border','0');
  9.       newImg.setAttribute('style',img.getAttribute('style',0));
  10.       ersatz.appendChild(newImg);
  11.       img.parentNode.replaceChild(ersatz,img);


durch das ersetzen

Code: Zeilennummern entfernen
  1. var ersatz = document.createElement('a');
  2.       ersatz.setAttribute('href',src);
  3.       var newImg = document.createElement('img');
  4.       newImg.setAttribute('src',src);
  5.       newImg.setAttribute('width',w);
  6.       newImg.setAttribute('height',h);
  7.       newImg.setAttribute('border','0');
  8.       newImg.setAttribute('style',img.getAttribute('style',0));
  9.       ersatz.appendChild(newImg);
  10.       img.parentNode.replaceChild(ersatz,img);
  11.       $(ersatz).fancybox ();



Zuletzt modifiziert von whazza am 04.07.2010 - 19:42:29

---------------------------------------------------
www.youtube.com/watch?v=7yw_pdqjHFU&feature=related
Unknown|User
Mitglied
42 Beitragspunkte
Posts: 581

User Pic

0 Mitglieder finden den Beitrag gut.

04.07.2010 - 19:39:37     Zitieren

@whazza: Deine BBcodeGlobal.js ist aber nicht die geänderte^^ - Dann kann es nicht funktionieren.

JunDesk Jungautoren-Schreibwettbewerb 2010 - Jetzt teilnehmen!

www.koerner-ws.de :: www.webresourcesdepot.com
Unknown|User
Mitglied
42 Beitragspunkte
Posts: 581

User Pic

0 Mitglieder finden den Beitrag gut.

04.07.2010 - 19:41:09     Zitieren

---


Zuletzt modifiziert von Unknown|User am 04.07.2010 - 19:46:54

JunDesk Jungautoren-Schreibwettbewerb 2010 - Jetzt teilnehmen!

www.koerner-ws.de :: www.webresourcesdepot.com
whazza
Mitglied
3 Beitragspunkte
Posts: 366

User Pic

0 Mitglieder finden den Beitrag gut.

04.07.2010 - 19:45:22     Zitieren

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?

---------------------------------------------------
www.youtube.com/watch?v=7yw_pdqjHFU&feature=related
whazza
Mitglied
3 Beitragspunkte
Posts: 366

User Pic

0 Mitglieder finden den Beitrag gut.

22.07.2010 - 11:29:43     Zitieren

Ich wollte mal fragen ob man das auch in [shot] Funktion rein bekommt?

---------------------------------------------------
www.youtube.com/watch?v=7yw_pdqjHFU&feature=related
Lord|Schirmer
Mitglied
67 Beitragspunkte
Posts: 2433

User Pic

0 Mitglieder finden den Beitrag gut.

22.07.2010 - 12:37:41     Zitieren

in der include/inlcudes/class/bbcode.php nach function _screenshot suchen:

Code: Zeilennummern entfernen
  1. $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
Code: Zeilennummern entfernen
  1. $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!
========================== [ www.d-o-bund.de ]
whazza
Mitglied
3 Beitragspunkte
Posts: 366

User Pic

0 Mitglieder finden den Beitrag gut.

22.07.2010 - 14:24:30     Zitieren

hat leider nicht funktionier es kommt auch kein fehler

---------------------------------------------------
www.youtube.com/watch?v=7yw_pdqjHFU&feature=related
Lord|Schirmer
Mitglied
67 Beitragspunkte
Posts: 2433

User Pic

0 Mitglieder finden den Beitrag gut.

22.07.2010 - 16:27:51     Zitieren

Versuch es mal mit id="fancy_img" statt rel="galimagesrel"

=========================================
In mir schlummert ein Genie, leider wacht es nicht auf!
========================== [ www.d-o-bund.de ]
whazza
Mitglied
3 Beitragspunkte
Posts: 366

User Pic

0 Mitglieder finden den Beitrag gut.

22.07.2010 - 16:50:28     Zitieren

funktioniert auch nicht

---------------------------------------------------
www.youtube.com/watch?v=7yw_pdqjHFU&feature=related
Chapter
Moderator
35 Beitragspunkte
Posts: 3886

User Pic

0 Mitglieder finden den Beitrag gut.

22.07.2010 - 16:52:15     Zitieren

das modul ist sowieso veraltet. schaut euch mal die entwicklerseite an, das teil hat inzwischen viel mehr funktionen

www.sepp-tattoo.de | Wie poste ich Falsch
Blog, Bilder, Downloads, Module
Schreibfehler sind lediglich Specialeffects meine
Lord|Schirmer
Mitglied
67 Beitragspunkte
Posts: 2433

User Pic

0 Mitglieder finden den Beitrag gut.

22.07.2010 - 17:07:02     Zitieren

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!
========================== [ www.d-o-bund.de ]
whazza
Mitglied
3 Beitragspunkte
Posts: 366

User Pic

0 Mitglieder finden den Beitrag gut.

22.07.2010 - 17:36:48     Zitieren

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?

---------------------------------------------------
www.youtube.com/watch?v=7yw_pdqjHFU&feature=related
Lord|Schirmer
Mitglied
67 Beitragspunkte
Posts: 2433

User Pic

0 Mitglieder finden den Beitrag gut.

22.07.2010 - 17:44:37     Zitieren

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!
========================== [ www.d-o-bund.de ]

[ Anmelden zum schreiben ]