Данила Зайцев

Сделано там на Raphael.js
Почитайте API и все.
dmitrybaranovskiy.github.io/raphael/reference.html...
Еще такой код могу предложить:

var div = document.createElement('div');
         var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0)
         var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0)
         div.style.width=Math.min(w/2,300)+'px';
         div.style.position='fixed';
         div.style.textAlign='center';
         div.name='popup';
         div.id='popup';
         div.className='popup';
         div.style.margin=0;
         div.style.padding='25px 25px 25px 25px'; 
         div.style.background='#808080';
         div.style.top=(h/4)+'px';
         div.style.left=(w/2)-((Math.min(w/2,300)/2)+25)+'px';
         div.innerHTML='Press Ctrl+D (&#8984;+D in Mac OS) for adding this page to Favorites<br><br><br><a class="linkbutton" href="javascript:" onClick=popup.parentNode.removeChild(popup)>&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;</a>';
         document.body.insertBefore(div, document.body.firstChild);

По факту div с opacity:0 при наведение на ссылку opacity: >0 и все.
Вот пример, только он перекрывает изображение, вам необходимо будет сделать позиционирование.

Прочтите для понимания.
А потом посмотрите аналогичный вопрос.

render паршила, который сейчас не работает в Assets.

Что это такое?
Если вы про action.js.erb, то все прекрасно работает, смотрите, почему не работает у вас.