Support

Account

Forum Replies Created

  • Hi John,

    No worries, it was a long–shot anyway! Thanks for your help, I’ll take a look through this and see what I can figure out.

    Thanks!

  • Hi John,

    Thanks for responding so quickly! I totally understand, I think I need to figure out a new approach.

    One angle I’ve thought of is adding the same class to every link that is outputted by the WYSIWYG editor. Is that possible? So say on the front-end every link looked like:

    <a href="blahblah" class="scroll-to-link"></a>

    I’ve had a look through the TinyMCE documentation but everything seems to be weighted towards styling the editor – I haven’t come across anything that would help me add a class.

    Thanks!

  • Hey John,

    Thanks for getting back in touch about this. It turns out I wasn’t using all the possible options in the script. I had set it with just the very basic options.

    The updated script looks like this now and seems to be working well:

    <script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery(".lazy").lazy({
            effect          : "fadeIn",   // this only works on images !
            effectTime      : 1000,
            combined        : true,
            delay           : 12500,
            scrollDirection : 'vertical',
            visibleOnly     : false,      // could be removed, it's default value
            threshold       : 2000,
            defaultImage    : "",         // this is a bug, that the default image is set to non-images
                                          // i'll updated this within the next version
            afterLoad: function(element)
            {
                element.removeClass("loading").addClass("loaded");
            }
        });
    });
    </script>

    Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)