Ответ 1
Чтобы установить атрибут, вам необходимо вызвать .attr( attributeName, value )
Попробуйте следующее:
var source='i load some address here';
bigFrame.attr('src', source);
Мне удалось изменить 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.
Чтобы установить атрибут, вам необходимо вызвать .attr( attributeName, value )
Попробуйте следующее:
var source='i load some address here';
bigFrame.attr('src', source);
jQuery имеет метод load
, который можно использовать так (предполагается, что borderlessFrame
является идентификатором <iframe>
):
var iFrame = $('#borderlessFrame');
iFrame.load('http://theurltoload.com')
Однако iframes кажутся ненужным подходом для ваших требований, рассмотрите возможность немного взглянуть на CSS и методы манипуляции JQuery DOM.