3

私は、Ruby on Rails プロジェクト内で一貫した優れたユーザー エクスペリエンスのクロスブラウザーを実現する方法としてBackstretchを使用しています。画像は実際にはモデルのインスタンスでありSalesPage、画像の URL の横にタイトルと URL が添付されています。

次のように画像をロードします。

- images = []
- sales_pages_images = []
- @sales_pages.each do |page|
- images << "'#{page.images.first.image.url}'"

#backgroundImageSlider
  :javascript
  var images = [#{images.join(",")}];
  $(images).each(function(){ $("<img/>")[0].src = this; });
  var index = 0;
  setInterval(function() { index = (index >= images.length - 1) ? 0 : index + 1;       $.backstretch(images[index]);}, 5000);
$.backstretch(images[index], {speed: 500});

これはうまくいきます。画像をリンクにしたいという事実を除いて。背景画像をクリック可能にして、データベースの URL にリンクします。私はJavaScriptのヒーローではないので、それを機能させることはできません:(

事前にご協力いただきありがとうございます。

4

1 に答える 1