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!