Nederlands Ondersteuningsforum :
Wilt u reageren op dit bericht? Maak met een paar klikken een account aan of log in om door te gaan.

muis over text afbeelding tonen werkt niet

Vorige onderwerp Volgende onderwerp Ga naar beneden

Opgeloste Topic bericht - muis overgaan afbeelding zien van het bericht

Bericht van Vortex wo 9 okt 2019 - 15:30

ga aan de hand van paar foto's het uitleggen

ik kies in begin van mijn forum het topic: Rode Bloemen
muis over text afbeelding tonen werkt niet 010

dan zie ik het bericht: De Rode Roos , de post bevat een foto van een rode roos met tekst, als mijn muis op het bericht staat dan gebeurt er niets zoals de foto hier onder
muis over text afbeelding tonen werkt niet 512


mijn vraag is kan je de foto in een mini kadertje zien als je met je muis op het bericht gaat staan zoals de foto hier onder als vb
(heb de foto bewerkt in paint en de roods op geplakt om het kunnen uit te leggen )muis over text afbeelding tonen werkt niet 213

Terug naar boven Terug naar beneden

Vortex

Vortex
Nieuw Forumlid

Man
Aantal berichten : 11
Registratiedatum : 09-10-19
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Nee

https://jacks-test.actieforum.com/f1-rode-bloemen


Vortex is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van TonnyKamper do 10 okt 2019 - 1:32

Ik geloof dat ik wel eens zoiets gezien heb op één van de andere ondersteuningsforums @Vortex
Ik ga even zoeken of ik het kan terugvinden voor je, helaas zal dit waarschijnlijk wel even duren want ik weet niet meer op welk forum dat was dus moet ze allemaal doorlopen.. maar ik zal m'n best doen voor je Smile


muis over text afbeelding tonen werkt niet 121910
   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon muis over text afbeelding tonen werkt niet 210610

Terug naar boven Terug naar beneden

TonnyKamper

TonnyKamper
Globaal Moderator
Globaal Moderator

Vrouw
Aantal berichten : 1157
Leeftijd : 66
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

http://punt.forumactie.com/


TonnyKamper is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van Vortex do 10 okt 2019 - 7:26

Tonnykamper alvast bedankt voor je snelle reactie ik wacht vol ongeduld Wink

Terug naar boven Terug naar beneden

Vortex

Vortex
Nieuw Forumlid

Man
Aantal berichten : 11
Registratiedatum : 09-10-19
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Nee

https://jacks-test.actieforum.com/f1-rode-bloemen


Vortex is bedankt door de starter van dit topic.

Opgeloste Topic muis over text afbeelding tonen werkt niet

Bericht van Vortex di 15 okt 2019 - 20:53

kan iemand me zeggen wat er fout aan dit script is of me het goede geven aub

Code:
$(document).ready(function() {
$('.pic1desc').hide();
$('.pic2desc').hide();

//When the Image is hovered upon, show the hidden div using Mouseover
$('#picture1').mouseover(function() {
$('.pic1desc').show();
});

//When the Image is hovered away from, hide the div using Mouseout
$('#picture1').mouseout(function() {
$('.pic1desc').hide();
});


});

Terug naar boven Terug naar beneden

Vortex

Vortex
Nieuw Forumlid

Man
Aantal berichten : 11
Registratiedatum : 09-10-19
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Nee

https://jacks-test.actieforum.com/f1-rode-bloemen


Vortex is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van TonnyKamper wo 16 okt 2019 - 17:29

Hallo @Vortex  wil je in het vervolg a.u.b. de codes via de code tags plaatsen? Zie het rode kader om het juiste knopje!
muis over text afbeelding tonen werkt niet Codeta10

Kun je misschien iets duidelijker zijn? Waar dient dit script voor? Wat is de bedoeling ervan?


muis over text afbeelding tonen werkt niet 121910
   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon muis over text afbeelding tonen werkt niet 210610

Terug naar boven Terug naar beneden

TonnyKamper

TonnyKamper
Globaal Moderator
Globaal Moderator

Vrouw
Aantal berichten : 1157
Leeftijd : 66
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

http://punt.forumactie.com/


TonnyKamper is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van Vortex wo 16 okt 2019 - 18:07

ja ik zal volgende keer de code op deze manier posten, de code zo voor het volgende dienen heb hier meer uitleg: https://ondersteun.actieforum.com/t6397-bericht-muis-overgaan-afbeelding-zien-van-het-bericht

Terug naar boven Terug naar beneden

Vortex

Vortex
Nieuw Forumlid

Man
Aantal berichten : 11
Registratiedatum : 09-10-19
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Nee

https://jacks-test.actieforum.com/f1-rode-bloemen


Vortex is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van TonnyKamper do 17 okt 2019 - 2:46

Aha het ging dus om de code waarnaar ik al op zoek was voor je @Vortex , ik had hem nog niet gevonden Smile
Kun je ook vertellen hoe je aan deze code komt, waar je die vandaan hebt?
Het kan zijn dat je misschien de code niet helemaal juist hebt overgenomen..


muis over text afbeelding tonen werkt niet 121910
   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon muis over text afbeelding tonen werkt niet 210610

Terug naar boven Terug naar beneden

TonnyKamper

TonnyKamper
Globaal Moderator
Globaal Moderator

Vrouw
Aantal berichten : 1157
Leeftijd : 66
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

http://punt.forumactie.com/


TonnyKamper is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van Vortex do 17 okt 2019 - 10:05

ik heb zelf al zitten zoeken op google en heb deze code gevonden op volgende website :KLIK HIER , er staan nog codes allemaal voor mouse over afbeelding tonen maar ja weet niet of deze dan werken op actieforum. en hoe ik het moet doen.

Terug naar boven Terug naar beneden

Vortex

Vortex
Nieuw Forumlid

Man
Aantal berichten : 11
Registratiedatum : 09-10-19
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Nee

https://jacks-test.actieforum.com/f1-rode-bloemen


Vortex is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van TonnyKamper do 17 okt 2019 - 14:21

@Vortex schreef:ik heb zelf al zitten zoeken op google en heb deze code gevonden op volgende website :KLIK HIER , er staan nog codes allemaal voor mouse over afbeelding tonen maar ja weet niet of deze dan werken op actieforum. en hoe ik het moet doen.

Ik krijg die code ook niet aan de praat @Vortex maar ik heb zelf maar weinig kennis van javascript dus kan dit niet oplossen, ik zal voor je blijven zoeken naar de wel werkende code..


muis over text afbeelding tonen werkt niet 121910
   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon muis over text afbeelding tonen werkt niet 210610

Terug naar boven Terug naar beneden

TonnyKamper

TonnyKamper
Globaal Moderator
Globaal Moderator

Vrouw
Aantal berichten : 1157
Leeftijd : 66
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

http://punt.forumactie.com/


TonnyKamper is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van Vortex do 17 okt 2019 - 18:29

hey TonyKamper kan je me de engelstalige link geven van actieforum dan kan ik daar ook mijn vraag stellen

Terug naar boven Terug naar beneden

Vortex

Vortex
Nieuw Forumlid

Man
Aantal berichten : 11
Registratiedatum : 09-10-19
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Nee

https://jacks-test.actieforum.com/f1-rode-bloemen


Vortex is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van TonnyKamper do 17 okt 2019 - 22:26

@Vortex schreef:hey TonyKamper kan je me de engelstalige link geven van actieforum dan kan ik daar ook mijn vraag stellen

Natuurlijk @Vortex dat is https://help.forumotion.com/ maar de regels zijn dat je eerst moet zoeken of een topic al bestaat en beantwoord is.. dus gebruik eerst de zoekfunctie a.u.b. om te kijken of er al een oplossing geboden is voordat je je vraag stelt Smile


muis over text afbeelding tonen werkt niet 121910
   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon muis over text afbeelding tonen werkt niet 210610

Terug naar boven Terug naar beneden

TonnyKamper

TonnyKamper
Globaal Moderator
Globaal Moderator

Vrouw
Aantal berichten : 1157
Leeftijd : 66
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

http://punt.forumactie.com/


TonnyKamper is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van Vortex vr 18 okt 2019 - 6:16

TonnyKamper bedankt voor de info en de link thumps up

Terug naar boven Terug naar beneden

Vortex

Vortex
Nieuw Forumlid

Man
Aantal berichten : 11
Registratiedatum : 09-10-19
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Nee

https://jacks-test.actieforum.com/f1-rode-bloemen


Vortex is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van Vortex vr 18 okt 2019 - 8:23

ik heb de oplossing gevonden TonnyKamper Wink  
code HIER gevonden
misschien kan jij er een Nederlandstalige uitleg van maken en posten

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="https://2img.net/i/fa/empty.gif" class="bim_mainThumb">' +
                        '</div>' +
                    '</div>' +
                '</div>' +
                '<span class="previewIMG"><img src="https://i.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', 'https://i.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', 'https://i.servimg.com/u/f55/18/17/62/92/no_ima10.jpg');
                    }
                }
            });
        }
   }
}

Terug naar boven Terug naar beneden

Vortex

Vortex
Nieuw Forumlid

Man
Aantal berichten : 11
Registratiedatum : 09-10-19
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Nee

https://jacks-test.actieforum.com/f1-rode-bloemen


Vortex is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van TonnyKamper vr 18 okt 2019 - 13:12

Bedankt voor het vinden @Vortex cheers Ik zal m'n best doen om er een Nederlandse vertaling voor te maken, zodra die klaar is plaats ik hier de link er naar toe ..


muis over text afbeelding tonen werkt niet 121910
   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon muis over text afbeelding tonen werkt niet 210610

Terug naar boven Terug naar beneden

TonnyKamper

TonnyKamper
Globaal Moderator
Globaal Moderator

Vrouw
Aantal berichten : 1157
Leeftijd : 66
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

http://punt.forumactie.com/


TonnyKamper is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van Vortex vr 18 okt 2019 - 16:48

TonnyKamper de code werkt perfect in firefox maar op andere browsers niet dan krijg je vervelende scrolbars te zien
bij google chrome

Terug naar boven Terug naar beneden

Vortex

Vortex
Nieuw Forumlid

Man
Aantal berichten : 11
Registratiedatum : 09-10-19
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Nee

https://jacks-test.actieforum.com/f1-rode-bloemen


Vortex is bedankt door de starter van dit topic.
  • 0

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van Vortex vr 18 okt 2019 - 17:02

Deze code is beter heb de vorige code zelf aangepast en deze werkt op alle browsers goed

Code:
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: left;' +
            'position: auto;' +
            '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="https://2img.net/i/fa/empty.gif" class="bim_mainThumb">' +
                        '</div>' +
                    '</div>' +
                '</div>' +
                '<span class="previewIMG"><img src="https://i.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', 'https://i.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', 'https://i.servimg.com/u/f55/18/17/62/92/no_ima10.jpg');
                    }
                }
            });
        }
   }
}

Terug naar boven Terug naar beneden

Vortex

Vortex
Nieuw Forumlid

Man
Aantal berichten : 11
Registratiedatum : 09-10-19
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Nee

https://jacks-test.actieforum.com/f1-rode-bloemen


Vortex is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van TonnyKamper vr 18 okt 2019 - 17:57

Super, dank je wel @Vortex zodra ik wat tijd heb ga ik hem zelf testen en dan zal ik er een tutorial van maken cheers
Is deze vraag nu opgelost voor jou? Zo ja, markeer hem dan even met het Opgelost icoon bovenaan je bericht Smile


muis over text afbeelding tonen werkt niet 121910
   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon muis over text afbeelding tonen werkt niet 210610

Terug naar boven Terug naar beneden

TonnyKamper

TonnyKamper
Globaal Moderator
Globaal Moderator

Vrouw
Aantal berichten : 1157
Leeftijd : 66
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

http://punt.forumactie.com/


TonnyKamper is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van Vortex do 24 okt 2019 - 8:03

ik vind dat icoon opgelost niet terug

Terug naar boven Terug naar beneden

Vortex

Vortex
Nieuw Forumlid

Man
Aantal berichten : 11
Registratiedatum : 09-10-19
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Nee

https://jacks-test.actieforum.com/f1-rode-bloemen


Vortex is bedankt door de starter van dit topic.

Opgeloste Topic Re: muis over text afbeelding tonen werkt niet

Bericht van TonnyKamper do 24 okt 2019 - 12:15

Ik heb het even voor je gedaan @Vortex
.
muis over text afbeelding tonen werkt niet A5lkup10.

Ondersteuningsvraag is opgelost en gesloten.


muis over text afbeelding tonen werkt niet 121910
   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon muis over text afbeelding tonen werkt niet 210610

Terug naar boven Terug naar beneden

TonnyKamper

TonnyKamper
Globaal Moderator
Globaal Moderator

Vrouw
Aantal berichten : 1157
Leeftijd : 66
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

http://punt.forumactie.com/


TonnyKamper is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum