2013-07-23 3 views
0

Я создаю абсолютно великолепные Superslides от nicinabox.Элемент обновления Superslides на слайде

Что я хотел бы сделать, это обновить текст на странице в зависимости от того, какое изображение отображается в данный момент.

Как я могу это сделать?

Я в настоящее время обслуживаю эту страницу через Sinatra и превратил Superslides в файл erb. Когда страница изначально загружена, выбирается случайный массив s3, и изображения динамически передаются в шаблон erb.

Могу ли я просто передать хэш в файл erb с указателем изображения и текстом, который я хочу отобразить?

Есть ли способ, которым я могу это сделать в рубине? Или это больше похоже на javascript.

К сожалению, у меня пока нет кода, потому что я действительно не знаю, с чего начать.

В данный момент находится URL-адрес проекта: http://pacific-brushlands-9242.herokuapp.com/ Текст, который я хотел бы изменить, это «@twitterhandle».

+0

Пожалуйста, прочитайте Http: // мета- .stackexchange.com/questions/156810/stack-overflow-question-checklist и посмотреть, как он сравнивается с вашим вопросом. –

ответ

0

Superslides позволяет добавлять текст с каждым слайдом. Вам не нужно «сворачивать свое» решение. Этот текст должен находиться внутри div с классом «контейнер», который должен находиться внутри тега UL «slides-container».

код, чтобы сделать это ниже, этот код извлекая из index.erb и предполагает, что вы прошли хэш, @images, к мнению Еврорадио:

<ul class="slides-container"> 
    <% @images.each do |k, v| %> 
    <li> 
    <img src="<%= "#{k}" %>"> 
    <div class="container"> 
    <%= "#{v}" %> 
    </div> 
    </li> 
    <% end %> 
</ul> 
+0

Просто добавьте несколько деталей, Key = указатель на изображение, Value = text, чтобы идти вместе с изображением. – Michael

Смежные вопросы