Загрузка PrettyPhoto/jQuery по клику

Я немного новичок в jQuery, и я пытаюсь сделать что-то, что я считаю простым, но, похоже, я не могу его взломать.

Я хочу создать функцию, которая загружает разные видео при нажатии на кнопку. Все примеры для PrettyPhoto, которые я видел, используют теги в html, а не клик JS.

Подводя итог моему коду, у меня есть что-то вроде:

$("#button1").click(function() {
  openMovie("myMovie.mp4");
}); 


function openMovie(url) {
  //open up the movie at the url passed into the function as a lightbox with PrettyPhoto    
}

Я бы подумал, что это будет просто, но я не могу найти информацию о том, как это сделать. Вся документация встроена в html

Мне удалось найти в Интернете некоторый код для изображений, которые я изменил, но он выдает ошибку:

$("a[rel^='prettyPhoto']").prettyPhoto();
$.prettyPhoto.open(['assets/myMovie.mp4'],['Test']);

**

Изображение не может быть загружено. Убедитесь, что путь правильный и изображение существует.

**

Любая помощь будет принята с благодарностью.


jquery prettyphoto
person Buyin Brian    schedule 02.09.2012    source источник
comment
Вы хотите иметь возможность поддерживать IE6/7/8? Это довольно просто с HTML5 + jQuery, но я не буду прикладывать усилия, пока не узнаю, что вам нужно для поддержки. И какую структуру загрузки вы хотите? Случайное видео или получить определенный URL?   -  person Alexander Wigmore    schedule 02.09.2012
comment
На самом деле, это создается специально для iPad на внутреннем сайте, поэтому мне не нужно беспокоиться ни о чем, кроме Safari.   -  person Buyin Brian    schedule 02.09.2012

Ответы (1)


arrow_upward
1
arrow_downward

Я смог заставить это работать, изменив код:

$("a[rel^='prettyPhoto']").prettyPhoto();

to

$("a[rel^='prettyPhoto[movies]']").prettyPhoto();
person Buyin Brian    schedule 02.09.2012