ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » Fancybox im BB-Code / Forum

Geschlossen
  1. Di. 18.05.2010 14:19 Uhr #1
    User Pic
    CrashOverrideSE Mitglied
    Registriert seit
    19.11.2008
    Beiträge
    18
    Beitragswertungen
    0 Beitragspunkte
    Moin Moin,

    ich habe die Fancybox externer Link 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
    0 Mitglieder finden den Beitrag gut.
  2. Di. 18.05.2010 17:41 Uhr #2
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    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
    0 Mitglieder finden den Beitrag gut.
  3. So. 04.07.2010 17:17 Uhr #3
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    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

    externer Link
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  4. So. 04.07.2010 18:05 Uhr #4
    User Pic
    Unknown|User gelöschter User
    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;
	}
}
    0 Mitglieder finden den Beitrag gut.
  5. So. 04.07.2010 18:22 Uhr #5
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    Hat leider kein Erfolg gebracht, also es hat sich nichts verändert
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  6. So. 04.07.2010 18:23 Uhr #6
    User Pic
    Unknown|User gelöschter User
    Mehrmals f5 gedrückt? JS-Dateien landen im Cache.
    0 Mitglieder finden den Beitrag gut.
  7. So. 04.07.2010 18:40 Uhr #7
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    leider auch ohne Erfolg habe strg f5 gedrückt und so bei Mozilla mal Cache geleert
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  8. So. 04.07.2010 18:47 Uhr #8
    User Pic
    Unknown|User gelöschter User
    hmm... Beispielseite?
    0 Mitglieder finden den Beitrag gut.
  9. So. 04.07.2010 19:22 Uhr #9
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    externer Link
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  10. So. 04.07.2010 19:29 Uhr #10
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.637
    Beitragswertungen
    1193 Beitragspunkte
    Das Problem hatten wir schon mal mit der Lightbox! Das rel-Attribut muss anders hinzugefügt werden!

    www.ilch.de/forum-showposts-41386.html
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  11. So. 04.07.2010 19:38 Uhr #11
    User Pic
    Unknown|User gelöschter User
    s. oben. Genau so gemacht, wie im Thead, den du nun verlinkst^^
    0 Mitglieder finden den Beitrag gut.
  12. So. 04.07.2010 19:38 Uhr #12
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    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
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  13. So. 04.07.2010 19:39 Uhr #13
    User Pic
    Unknown|User gelöschter User
    @whazza: Deine BBcodeGlobal.js ist aber nicht die geänderte^^ - Dann kann es nicht funktionieren.
    0 Mitglieder finden den Beitrag gut.
  14. So. 04.07.2010 19:41 Uhr #14
    User Pic
    Unknown|User gelöschter User
    ---


    Zuletzt modifiziert von Unknown|User am 04.07.2010 - 19:46:54
    0 Mitglieder finden den Beitrag gut.
  15. So. 04.07.2010 19:45 Uhr #15
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    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?
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  16. Do. 22.07.2010 11:29 Uhr #16
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    Ich wollte mal fragen ob man das auch in [shot] Funktion rein bekommt?
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  17. Do. 22.07.2010 12:37 Uhr #17
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.637
    Beitragswertungen
    1193 Beitragspunkte
    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!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  18. Do. 22.07.2010 14:24 Uhr #18
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    hat leider nicht funktionier es kommt auch kein fehler
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  19. Do. 22.07.2010 16:27 Uhr #19
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.637
    Beitragswertungen
    1193 Beitragspunkte
    Versuch es mal mit id="fancy_img" statt rel="galimagesrel"
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  20. Do. 22.07.2010 16:50 Uhr #20
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    funktioniert auch nicht
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  21. Do. 22.07.2010 16:52 Uhr #21
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    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
    externer Link
    0 Mitglieder finden den Beitrag gut.
  22. Do. 22.07.2010 17:07 Uhr #22
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.637
    Beitragswertungen
    1193 Beitragspunkte
    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!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  23. Do. 22.07.2010 17:36 Uhr #23
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    ZitatZitat 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

    ZitatZitat
    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?
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  24. Do. 22.07.2010 17:44 Uhr #24
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.637
    Beitragswertungen
    1193 Beitragspunkte
    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!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  25. Fr. 21.01.2011 04:49 Uhr #25
    User Pic
    CaZper Mitglied
    Registriert seit
    03.01.2011
    Beiträge
    17
    Beitragswertungen
    0 Beitragspunkte
    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 lächeln

    anja-berger.de/garten/index.php?Bildergalerie
    kann dochmal passieren lachen
    0 Mitglieder finden den Beitrag gut.
  26. Fr. 21.01.2011 10:14 Uhr #26
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.637
    Beitragswertungen
    1193 Beitragspunkte
    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"!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  27. Fr. 21.01.2011 14:56 Uhr #27
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    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
    0 Mitglieder finden den Beitrag gut.
  28. Fr. 21.01.2011 15:13 Uhr #28
    User Pic
    Tiborius Mitglied
    Registriert seit
    31.12.2008
    Beiträge
    505
    Beitragswertungen
    4 Beitragspunkte
    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
    0 Mitglieder finden den Beitrag gut.
  29. Fr. 21.01.2011 16:27 Uhr #29
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    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
    1 Mitglieder finden den Beitrag gut.
  30. Fr. 21.01.2011 16:45 Uhr #30
    User Pic
    Tiborius Mitglied
    Registriert seit
    31.12.2008
    Beiträge
    505
    Beitragswertungen
    4 Beitragspunkte
    funktioniert alles super... danke für die schnelle hilfe
    Brain.exe Die Rundumlösung
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten