[opgelost]Foto in categorieën forum

[peepplaza]

Is het volgende mogelijk;

Als je een nieuw bericht plaatst waarbij een foto wordt geplaatst is deze dan zo in te stellen dat de foto ook automatisch terecht komt bij het openen van categorieën.

Ik weet niet zo goed hoe ik dit juist moet omschrijven dus heb er even een foto van gemaakt als voorbeeld van een ander forum.

[Liesbeth*]

Ja je gaat naar je beheerderspanel.
Dan ga je naar forums en categorien.
Dan bij de categorie klik je op bewerken.
En bij afbeeldingslocatie (dacht ik) zie je dit.


En ja kan dan kiezen tussen HTML code of de IMG tags.

[peepplaza]

Hallo Liesbeth,

Bedankt voor de reactie maar is niet wat ik bedoel.

Wij hebben een metaaldetector forum en leden plaatsen in een vondsten rubriek hun gevonden voorwerpen, als een lid dus een nieuw topic plaatst met een foto zou ik deze foto graag automatisch links aan het forum zien en niet alleen de titel van de topic.

Ik denk dat dit door ons als beheer wel handmatig is in te stellen alleen gezien dat er soms heel wat geplaatst zou kunnen worden vergt dit erg veel werk en hoop ik dat dit automatisch is in te stellen.

De afbeelding die ik er bij had geplaatst zijn allemaal aparte berichten of topic moet ik zeggen van leden op een ander metaaldetector forum.
Ik vind dit mooi en overzichtelijk.

[10spetter10]

Momenteel is er nog geen optie om dit te doen op Nederlandse fora, op Engelse is er iets dat erop lijkt : http://help.forumotion.com/t148489-templates-for-the-classified-ads

Ik kan wel eens kijken of ik een javascript kan maken dat iets dergelijks doet. Ik moet dan wel je forumversie weten en of je al aanpassingen hebt gemaakt aan de template 'topics_list_box'.

[peepplaza]

Bedankt Spetter,

Iets dat er op lijkt!
Is daar een voorbeeld van!

Straks wil je iets maken wat ik niet mooi vind of bedoel en dat zou zonde van je tijd zijn.

Ik heb PunBB

[10spetter10]

Probeer dit eens:

Template Topic_list_box

Code:

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
 <!-- BEGIN multi_selection -->
 <script type="text/javascript">
 function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
 var all_checked = true;
 for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
 }
 }
 document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
 }
 function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
 for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
 }
 }
 }
 </script>
 <!-- END multi_selection -->

 <div class="main-head">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
 </div>
 <div class="main-content">
 <table cellspacing="0" id="topiclist" class="table">
 <thead>
 <tr>
 <th class="tcl">{L_TOPICS}</th>
 <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
 <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
 <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
 </tr>
 </thead>
 <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
 <!-- BEGIN table_sticky -->
 </tbody>
 </table>
 </div>

 <div class="main-head">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" / >
 <!-- END multi_selection -->
 <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
 </div>
 <div class="main-content">
 <table cellspacing="0" class="table">
 <thead>
 <tr>
 <th class="tcl">{L_TOPICS}</th>
 <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
 <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
 <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
 </tr>
 </thead>
 <tbody class="statused">
 <!-- END table_sticky -->
 <tr>
 <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
 <span class="status">
 <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
 </span>
 <!-- BEGIN single_selection -->
 <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /> 
 <!-- END single_selection -->
 {topics_list_box.row.ICON} 
 {topics_list_box.row.NEWEST_POST_IMG}
 {topics_list_box.row.PARTICIPATE_POST_IMG} 
 {topics_list_box.row.TOPIC_TYPE} 
 <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2> 
 {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE} 
 {topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
 <!-- BEGIN switch_description -->
 <br />
  {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
 <!-- END switch_description -->
 </td>
 <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
 <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
 <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                <!-- BEGIN avatar -->
                <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->

                {topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
            </td>
 <!-- BEGIN multi_selection -->
 <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
 <!-- END multi_selection -->
 </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
 <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
 </tbody>
 </table>
 </div>
 <div class="main-foot clearfix">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
 <p class="options">
 <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM}&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
 </p>
 </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Javascript

Kies als plaatsing : 'In the sub-forums'.

Code:

$(function() {
 $('#topiclist .tdtopics:contains("[img]")').each(function(i,v) {
 var imgUrl = $(this).text().match(/\[img\].+\[\/img\]/g)[0];
 imgUrl = imgUrl.slice(5, -6);
 var childnodes = $(this)[0].childNodes;
 var end = childnodes.length;
 childnodes[end-1].nodeValue = childnodes[end-1].nodeValue.replace(/\[img\].+\[\/img\]/g,'');
 $(this).children('img').before('<img src='+imgUrl+' class="topic_img" />');
 });
});

CSS

Code:

.topic_img {
  height: 80px;
}

---

Nu kan je afbeeldingen toevoegen in de beschrijving van je topic dmv de img-tags.

[peepplaza]

Uitgevoerd zoals het er stond, hoop dat ik het goed gedaan heb maar ik zie verder niets of hoe ik er een plaatje bij krijg.

[10spetter10]

Ik heb de bovenstaande code nog eens getest en deze doet het wel degelijk. Misschien dat er ergens interactie is met een ander script. Daarvoor zou ik eens online kunnen zijn als het script actief is op je forum zodat ik zie waar het precies fout loopt.

[peepplaza]

Bedenk me dat ik geen subforums heb.
hier moet ik dan nog even naar kijken, ik kom er later op terug.
Bedankt Spetter

[peepplaza]

er gebeurt niets nu ik het opnieuw heb ingevoerd Spetter.
wel dat ik alle linken nu dubbel krijg als ik naar beneden scroll in de forums.

[peepplaza]

even omhoog halen

[10spetter10]

Geen probleem voor die bump, m'n examens zijn nu gedaan dus kan ik wat meer online zijn.

Kan je eens een printscreen doorsturen van wat je bedoelde met dubbele links?

[peepplaza]

Hallo Spetter 10,

Print screen op de pc maken lukt mij niet, deed dit wel altijd met mijn IPhone maar hiermee kom ik het forum niet op zie andere berichtgeving van mij.
Je zou even naar het forum kunnen gaan en een rubriek openen (trouwring verloren rubriek is open voor gasten), daar zie je gauw genoeg wat ik bedoel als je naar beneden scrollt.

Ik heb de bovenstaande code's nog niet verwijderd in het beheersysteem.

[10spetter10]

Oke, als ik zelf iets maak loopt het in het honderd. Dus probeer eens een script van iemand anders.

Code:

       
        /***
        * Application: Topic Thumbnail
        * Description: This application can displays thumbnails of topics.
        * Version: 1.03032014-jq1.9.1 - Udyat (Argumentum parvam)
        * Made and Optimizations by JScript - 2014/03/03
        * View more in: http://ajuda.forumeiros.com
        * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
        * This work is free. You can redistribute it and/or modify it
        * under the terms of the WTFPL, Version 2
        */
        jQuery(function () {
            var sCSS =
                '<style>' +
                '.bim_mainThumb {' +
                    'opacity: 1;' +
                    'visibility: visible;' +
                    'max-width: none;' +
                    'max-height: none;' +
                    'width: 100%;' +
                    'height: auto;' +
                    'display: block;' +
                    'image-rendering: auto' +
                '}' +
                '.bim_thumbPreview {' +
                    'float: right;' +
                    'position: relative;' +
                    'z-index: 0;' +
                '}' +
                '.bim_img_container {' +
                    'height: 70px;' +
                    'width: 70px;' +
                '}' +
                '.bim_thumbPreview span {' +
                    'box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);' +
                    'margin-left: 84px;' +
                    'margin-top: -68px;' +
                    'position: absolute;' +
                    'visibility: hidden;' +
                    'z-index: 100;' +
                '}' +
                '.bim_thumbPreview:hover span {' +
                    'visibility: visible;' +
                '}' +
                '.bim_thumbPreview span img {' +
                    'border: 3px solid #000000;' +
                    'max-width: 300px;' +
                '}' +
                '</style>';
            document.head.insertAdjacentHTML('beforeEnd', sCSS);
       
            var sHtml =
                    '<a class="bim_thumbPreview">' +
                        '<div style="padding: 1px; border: 1px solid #d5d5d5;">' +
                            '<div class="thumbIMG">' +
                                '<div class="bim_img_container" style="overflow: hidden; background-image: none;">' +
                                    '<img src="http://2img.net/i/fa/empty.gif" class="bim_mainThumb">' +
                                '</div>' +
                            '</div>' +
                        '</div>' +
                        '<span class="previewIMG"><img src="http://i55.servimg.com/u/f55/18/17/62/92/no_ima10.jpg"></span>' +
                    '</a>';
         
            var oTarget = 0,
                sFound = 'td:eq(2)',
                sInsert = '',
                sCommon = 'a.topictitle',
                sOverflow = 'auto',
                sGetIMG = '';
             
            /* Forum versions! */
            var phpBB2 = jQuery('.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")');
            var phpBB3 = jQuery('.topiclist.topics.bg_none li:not(":empty")');
            var punbb = jQuery('.statused tr:not(":empty")');
            var invision = jQuery('.borderwrap table.ipbtable tbody tr:not(":empty")');
         
            if (phpBB2.length) {
                oTarget = phpBB2;
                sInsert = 'div.topictitle';
                sGetIMG = '#page-body .post:first .postbody img:first';
            } else if(phpBB3.length) {
                oTarget = phpBB3;
                sFound = 'dd.dterm';
                sInsert = 'div.topic-title-container';
                sOverflow = 'inherit';
                sGetIMG = '#main-content .post:first .content img:first';
            } else if(punbb.length) {
                oTarget = punbb;
                sFound = '.tcl.tdtopics';
                sInsert = 'span.status';
                sGetIMG = '.main-content.topic .entry-content:first img:first';
            } else if(invision.length) {
                oTarget = invision;
                sInsert = sCommon;
                sGetIMG = '.borderwrap .post-entry:first img:first';
            };
       
            oTarget.each(function( index ) {
                var oFound = jQuery(this).find(sFound);
                if (oFound.length) {
                    var oInsert = oFound.find(sInsert);
                    var sUrl = oFound.find(sCommon).attr('href');
                    var ID = 'Udyat_' + index;
       
                    oFound.attr('id', ID);
                    oFound.css('overflow', sOverflow);
                    jQuery(sHtml).insertAfter(oInsert);
       
                    /***
                    * Only show the image if is visible in browser window (view port)!!!
                    * Made and Optimizations by JScript at www.punbb.forumeiros.com
                    */
                    var elem = document.getElementById( ID );     
                    if (isInViewPort(elem)) {
                        jQuery.get(sUrl, function(data) {
                            var oImg = jQuery(sGetIMG, data);
                            var sImg = '';
       
                            if (oImg !== undefined) {
                                sImg = oImg.attr('src');
                                if (sImg !== undefined) {
                                    oFound.find('.bim_img_container img').attr('src', sImg);
                                    oFound.find('.previewIMG img').attr('src', sImg);
                                } else {
                                    oFound.find('.bim_img_container img').attr('src', 'http://i55.servimg.com/u/f55/18/17/62/92/no_ima10.jpg');
                                }
                            }
                        });
                    } else {
                        /* Fire event for 'scroll' to show the image... */
                        jQuery(window).on('scroll.' + sUrl, showImage(sUrl, elem, oFound, sGetIMG));
                    }
                }
            });
        });
        /* Function to check if an element is visible in view port */
        function isInViewPort(elem) {
          var rect = elem.getBoundingClientRect();
       
          return (
          rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
          rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ );
        }
        /* Start function to show the image... */
        function showImage(event, elem, oBject, sString) {
          return function() {
                /* Chech if the element is visible in view port! */
              if (isInViewPort(elem)) {
                    /* If visible, stop event!!! */
                jQuery(window).off('scroll.' + event);
                    jQuery.get(event, function(data) {
                        var oImg = jQuery(sString, data);
                        var sImg = '';
       
                        if (oImg !== undefined) {
                            sImg = oImg.attr('src');
                            if (sImg !== undefined) {
                                oBject.find('.bim_img_container img').attr('src', sImg);
                                oBject.find('.previewIMG img').attr('src', sImg);
                            } else {
                                oBject.find('.bim_img_container img').attr('src', 'http://i55.servimg.com/u/f55/18/17/62/92/no_ima10.jpg');
                            }
                        }
                    });
                }
          }
        }

Plak de code in een javascript met als plaatsing 'in de sub-forums'. Verwijder ook de aanpassingen in de template die ik je liet maken.

Normaal zou dan de eerste afbeelding in de openingspost gebruikt worden in de topiclist.

[peepplaza]

Hallo Spetter10,

Ik heb nu alles uitgevoerd zoals je me verteld en het werkt nog niet naar behoren want vind het nu even druk over komen.

Hier even een link naar een deel van ons forum dat open is voor gasten zodat andere forum gebruikers kunnen zien waar het over gaat http://waterzoekers.actieforum.com/f20-trouwring-verloren

Ik wil hem nog verder uitwerken als mij dat lukt zoals de scroll balkjes hoeven voor mij niet maar zit momenteel even in tijd nood. Zou deze topic nog even open mogen blijven mocht ik nog vragen hebben omtrent dit onderwerp later.

@Spetter nogmaals bedankt, wat moet dit forum zonder jou

[10spetter10]

Van mij mag dit nog even open blijven.

Maar wat bedoel je met scrollbalkjes? Als ik via mijn computer kijk staan er geen scrollbalkjes rond die voorbeeld afbeelding. Als ik kijk hoe het nu verschijnt op je forum, heb ik misschien wel nog enkele puntjes die ik kan aanpassen die het beter zouden maken.

Zo kan ik het script activeren voor een aantal gekozen categorieën, zodat dit niet verschijnt bij bv. 'forumvragen' . Verder kan ik instellen dat de 'no-image' afbeelding niet getoond wordt of een variant instel die meer aansluit bij je forum.

[peepplaza]

Oke super als je dat nog zou willen uitvoeren dan heel graag, ben net zelf bezig geweest maar kom er niet uit. Zijn de smileys ook uit te schakelen!
Het gaat mij puur om de foto's namelijk.

Gr, Danny

[peepplaza]

Hallo Spetter 10,

Inmiddels zelf al wat wezen rommelen in de code, en ik moet zeggen het is me aardig gelukt. Het komt nu veel rustiger over, geen scroll balken meer etc.
Nu wil ik alleen eigenlijk nog de smileys weg hebben maar weet nog niet of dit gaat want eerste plaatje pakt hij als eerst wat getoond wordt op het forum.

Hier nog even de link zodat je kunt zien dat het veel rustiger is nou http://waterzoekers.actieforum.com/f20-trouwring-verloren

[10spetter10]

Beter laat dan nooit ...

Code:

/***
* Application: Topic Thumbnail
* Description: This application can displays thumbnails of topics.
* Version: 1.03032014-jq1.9.1 - Udyat (Argumentum parvam)
* Made and Optimizations by JScript - 2014/03/03
* View more in: http://ajuda.forumeiros.com
* Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
* This work is free. You can redistribute it and/or modify it
* under the terms of the WTFPL, Version 2
*/
jQuery(function () {
   var pathname = $(location).attr('pathname');
    if (pathname.match("^\/f((4)|(12)|(15))-") ) {
      var sCSS =
         '<style>' +
         '.bim_mainThumb {' +
            'opacity: 1;' +
            'visibility: visible;' +
            'max-width: none;' +
            'max-height: none;' +
            'width: 100%;' +
            'height: auto;' +
            'display: block;' +
            'image-rendering: auto' +
         '}' +
         '.bim_thumbPreview {' +
            'float: left;' +
            'margin-left: -35px;' +
            'position: relative;' +
            'z-index: 0;' +
         '}' +
         '.bim_img_container {' +
            'height: 45px;' +
            'width: 45px;' +
         '}' +
         '</style>';
      document.head.insertAdjacentHTML('beforeEnd', sCSS);

      var sHtml =
            '<a class="bim_thumbPreview">' +
               '<div style="padding: 1px;">' +
                  '<div class="thumbIMG">' +
                     '<div class="bim_img_container" style="overflow: hidden; background-image: none;">' +
                        '<img src="http://2img.net/i/fa/empty.gif" class="bim_mainThumb">' +
                     '</div>' +
                  '</div>' +
               '</div>' +
            '</a>';
   
      var oTarget = 0,
         sFound = 'td:eq(2)',
         sInsert = '',
         sCommon = 'a.topictitle',
         sOverflow = 'auto',
         sGetIMG = '';
      
      /* Forum versions! */
      var phpBB2 = jQuery('.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")');
      var phpBB3 = jQuery('.topiclist.topics.bg_none li:not(":empty")');
      var punbb = jQuery('.statused tr:not(":empty")');
      var invision = jQuery('.borderwrap table.ipbtable tbody tr:not(":empty")');
   
      if (phpBB2.length) {
         oTarget = phpBB2;
         sInsert = 'div.topictitle';
         sGetIMG = '#page-body .post:first .postbody img:not([src*="smiles"]):first';
      } else if(phpBB3.length) {
         oTarget = phpBB3;
         sFound = 'dd.dterm';
         sInsert = 'div.topic-title-container';
         sOverflow = 'inherit';
         sGetIMG = '#main-content .post:first .content img:not([src*="smiles"]):first';
      } else if(punbb.length) {
         oTarget = punbb;
         sFound = '.tcl.tdtopics';
         sInsert = 'span.status';
         sGetIMG = '.main-content.topic .entry-content:first img:not([src*="smiles"]):first';
      } else if(invision.length) {
         oTarget = invision;
         sInsert = sCommon;
         sGetIMG = '.borderwrap .post-entry:first img:not([src*="smiles"]):first';
      };

      oTarget.each(function( index ) {
         var oFound = jQuery(this).find(sFound);
         if (oFound.length) {
            var oInsert = oFound.find(sInsert);
            var sUrl = oFound.find(sCommon).attr('href');
            var ID = 'Udyat_' + index;

            oFound.attr('id', ID);
            oFound.css('overflow', sOverflow);
            jQuery(sHtml).insertAfter(oInsert);

            /***
            * Only show the image if is visible in browser window (view port)!!!
            * Made and Optimizations by JScript at www.punbb.forumeiros.com
            */
            var elem = document.getElementById( ID );   
            if (isInViewPort(elem)) {
               jQuery.get(sUrl, function(data) {
                  var oImg = jQuery(sGetIMG, data);
                  var sImg = '';

                  if (oImg !== undefined) {
                     sImg = oImg.attr('src');
                     if (sImg !== undefined) {
                        oFound.find('.bim_img_container img').attr('src', sImg);
                     } else {
                        oFound.find('.bim_img_container img').attr('src', '');
                     }
                  }
               });
            } else {
               /* Fire event for 'scroll' to show the image... */
               jQuery(window).on('scroll.' + sUrl, showImage(sUrl, elem, oFound, sGetIMG));
            }
         }
      });
   };   
});
/* Function to check if an element is visible in view port */
function isInViewPort(elem) {
  var rect = elem.getBoundingClientRect();

  return (
  rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
  rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ );
}
/* Start function to show the image... */
function showImage(event, elem, oBject, sString) {
  return function() {
      /* Chech if the element is visible in view port! */
     if (isInViewPort(elem)) {
         /* If visible, stop event!!! */
      jQuery(window).off('scroll.' + event);
         jQuery.get(event, function(data) {
            var oImg = jQuery(sString, data);
            var sImg = '';

            if (oImg !== undefined) {
               sImg = oImg.attr('src');
               if (sImg !== undefined) {
                  oBject.find('.bim_img_container img').attr('src', sImg);
               } else {
                  oBject.find('.bim_img_container img').attr('src', '');
               }
            }
         });
      }
  }
}

Ik hoop dat alle bewerkingen nu zijn toegepast, ik heb degene die ik op het eerste zicht op jouw forum zag en degene die je niet direct lukte gebundeld tot bovenstaand script. Dit bevat volgende aanpassingen:

• Hover uit geschakeld
  
• Smilies worden niet meer weergegeven
  
• Selectie voor categorieën
  
• Opmaak aangepast (geen border, linkse uitlijning, kleiner)
  

Als ik iets zou vergeten zijn, laat je het me maar weten.

---

Info over het selecteren van categorieën :

Elke categorie wordt op je forum genummerd, zodat deze uniek is voor je forum. Deze nummer kan je terug vinden in de url van een categoriepagina. Zo is bijvoorbeeld de nummer van de categorie 'trouwring verloren' 20 (zie : h††p://waterzoekers.actieforum.com/f20-trouwring-verloren).

Deze nummer moet je toevoegen in het script om aan te duiden dat het daar moet actief zijn. Dit doe je door het nummer in te sluiten tussen haakjes en achterin de reeks te zetten van het if-statement op lijn 13.

voorbeeld:

[peepplaza]

Hallo Spetter10,

Met 1 woord geweldig, precies zoals ik het hebben wilde
Super blij en super bedankt voor jou uitstekende hulp weer, je verdient een dikke pluim


Misschien een idee om deze bij de tutorials te plaatsen

[Korra]

..	Ondersteunings Vraag opgelost en gesloten.