Изменить src iframe, а затем перезагрузить iframe

Мне удалось изменить iframe src с помощью javascript

var path='images/tattoo/fullsize/';
var h=$('#borderlessFrame').height();
var bigFrame=$('#borderlessFrame');
function loadGallery(num)
{
    bigFrame=$('#borderlessFrame');
    var galPath=path + num;             // path to the image
    h=$('#borderlessFrame').height();
    var source=bigFrame.attr('src');
    source='i load some address here';
}

Но теперь я вижу старое содержимое iframe, есть ли способ перезагрузить iframe (только iframe не всю страницу) То, что я пытаюсь достичь, - это простая галерея, большие рисунки снизу и большая картинка сверху (iframe). При нажатии на любой из пальцев я изменяю содержимое iframe без перезагрузки фактической страницы.

Имейте в виду, что я новичок в html/javascript/jquery. Так что в основном мне нужен способ (функция?), Чтобы перезагрузить iframe.

Ответ 1

Чтобы установить атрибут, вам необходимо вызвать .attr( attributeName, value )

Попробуйте следующее:

var source='i load some address here';
bigFrame.attr('src', source);

Справка:

jQuery .attr()

Ответ 2

jQuery имеет метод load, который можно использовать так (предполагается, что borderlessFrame является идентификатором <iframe>):

var iFrame = $('#borderlessFrame');
iFrame.load('http://theurltoload.com')

Однако iframes кажутся ненужным подходом для ваших требований, рассмотрите возможность немного взглянуть на CSS и методы манипуляции JQuery DOM.