Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.02.2019, 20:26
Аспирант
Отправить личное сообщение для Spasatel801 Посмотреть профиль Найти все сообщения от Spasatel801
 
Регистрация: 03.08.2012
Сообщений: 46

Галерея Fotorama
Здравствуйте форумчане. Помогите решить задачу, применяю галерею fotorama, в галереи вывожу фотографии, видео и яндекс карты. Нужно реализовать ссылку Показать карту, при клике на которую фоторамма автоматически перематывала бы на яндекс карту.
Ну вот пример реализован на этом сайте: https://ukrmarket.net/obyavlenie-sda...kaya-60-193081
вот ссылка на фотораму http://fotorama.io
Помогите пожалуйста!!!
Ответить с цитированием
  #2 (permalink)  
Старый 26.02.2019, 21:09
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Spasatel801,
fotorama.show(index)
http://fotorama.io/customize/api/
Ответить с цитированием
  #3 (permalink)  
Старый 26.02.2019, 21:22
Аспирант
Отправить личное сообщение для Spasatel801 Посмотреть профиль Найти все сообщения от Spasatel801
 
Регистрация: 03.08.2012
Сообщений: 46

api я читал, но что то ничего у меня не получается, если честно. вот от без исходности и написал уже сюда
Ответить с цитированием
  #4 (permalink)  
Старый 26.02.2019, 21:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Spasatel801,
$(function () {
    var $fotoramaDiv = $('#fotorama').fotorama();
    var fotorama = $fotoramaDiv.data('fotorama');
    $('кнопка').click(function(event) {
    event.preventDefault();
    fotorama.show(номер_блока)
   })
  });
Ответить с цитированием
  #5 (permalink)  
Старый 26.02.2019, 22:02
Аспирант
Отправить личное сообщение для Spasatel801 Посмотреть профиль Найти все сообщения от Spasatel801
 
Регистрация: 03.08.2012
Сообщений: 46

все справился сам )) два вечера и сделал )) Спасибо Рони, то же самое сделал, только местами поменял и по id переход

$('#showMap').click(function(e){
      var $fotoramaDiv = $('#fotorama').fotorama();
        var fotorama = $fotoramaDiv.data('fotorama');
        fotorama.show("j-view-map"); 
  e.preventDefault();  
});

Последний раз редактировалось Spasatel801, 26.02.2019 в 22:05.
Ответить с цитированием
  #6 (permalink)  
Старый 26.02.2019, 22:10
Аспирант
Отправить личное сообщение для Spasatel801 Посмотреть профиль Найти все сообщения от Spasatel801
 
Регистрация: 03.08.2012
Сообщений: 46

Оказалось все очень просто, главное голову в нужном направлении включить )
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Fancybox 3 + Fotorama - Не работает, нужна помощь. aarka jQuery 3 08.08.2018 00:06
Галерея iLoad Garro Элементы интерфейса 0 30.08.2013 11:48
Видео галерея alexman86 jQuery 7 17.07.2013 13:04
Галерея на jQuery flame jQuery 1 14.04.2011 21:53
Галерея с использованием JS. keks20 jQuery 2 19.01.2011 18:22