Нужна помощь по использованию скрипта!

[MCTess]

Добрый день всем! 

 

http://art-duet.com/animation.html

 

вставила готовый скрипт для оформления фотоальбома,

сам скрипт работает, НО

разворачивается большая фотография не там, где мне надо.....

я не программист, - правильными словами изложить не берусь, вот картинки

 

пока вставила код только для первой миниатюры (пробую варианты..)

 

сейчас фото разворачивается так:

 

а надо так:

 

я бы с удовольствием сама все исправила, но совершенно не знаю ЧТО!!!

 

Помогите пожалуйста!

всем заранее благодарна!

с уважением, Татьяна

 

(если надо, - могу отдельно вставить здесь код)

[npofopr]

Все правильно делает. Разворачивается внутри своего ифрейма.

Зачем вообще там ифрейм?

[MCTess]

 

Все правильно делает. Разворачивается внутри своего ифрейма.

Зачем вообще там ифрейм?

спасибо за ответ!

суть не в том, - зачем ифрейм ? а в том, чтобы фото разворачивалось не внутри, а снаружи!

 

это можно как-то решить?? 

мне казалось, наверняка в коде что-то надо задать, - просто я не знаю что и как)

[Switch74]

если вы хотите, чтобы не в фрэйме раскрывалась фото, нужно раскрывать ее в родительском окне, ссылка на родительский объект parent или top.

сделайте функцию в родительском окне и передавайте ей ссылку на картинку, вызов функции будет на вроде top.function('img.jpg'); а функция уже будет показывать у вас картинку там где нужно

а вообще, если убрать фрэйм, то все будет почти так же, но без parent или top

[MCTess]

если вы хотите, чтобы не в фрэйме раскрывалась фото, нужно раскрывать ее в родительском окне, ссылка на родительский объект parent или top.

сделайте функцию в родительском окне и передавайте ей ссылку на картинку, вызов функции будет на вроде top.function('img.jpg'); а функция уже будет показывать у вас картинку там где нужно

а вообще, если убрать фрэйм, то все будет почти так же, но без parent или top

я просто не знаю куда именно вписать  parent или top !! Вы можете мне буквально ткнуть пальцем?

 

фреймы убрать никак не могу.......

[Switch74]

в фрэйме у вас есть такой js код

var hs=....

вот он и отвечает за вывод вашей фотки, ему передается по средством onclick="return hs.expand(this)" данные по фотографии которую нужно показать

код переносите в родительскую страницу а вызов делаете таким top.hs.expand(this) или parent.hs.expand(this) должно работать, но не факт, в объекте hs не разбирался.

[MCTess]

ок...... буду пробовать.....

 

спасибо огромное!!

 

 

если кто еще включится в диалог и  подскажет что-то дельное, - буду признательна!!

[MCTess]

 

в фрэйме у вас есть такой js код

var hs=....

вот он и отвечает за вывод вашей фотки, ему передается по средством onclick="return hs.expand(this)" данные по фотографии которую нужно показать

код переносите в родительскую страницу а вызов делаете таким top.hs.expand(this) или parent.hs.expand(this) должно работать, но не факт, в объекте hs не разбирался.

Добрый день!

ковыряла код, - поняла, что ничего не понимаю.........((

 

можете исправить?

и сориентировать, - какую часть кода на какую страницу вставить?

(соотношение родительская и т.д. я понимаю, остальное - темный лес)

<script language="javascript"><!--function ChangeImg() {if(document.images) {eval("document."+ChangeImg.arguments[0]+".src=('"+ChangeImg.arguments[1]+"')");}}function preload() {if (document.images) {var imgsrc = preload.arguments;arr=new Array(imgsrc.length);for (var j=0; j<imgsrc.length; j++) {arr[j] = new Image;arr[j].src = imgsrc[j];}}}//--></script><script type="text/javascript" >var hs={graphicsDir:'images/',restoreCursor:"zoomout.cur",fullExpandIcon:'fullexpand.gif',expandSteps:10,expandDuration:250,restoreSteps:10,restoreDuration:250,captionSlideSpeed:1,numberOfImagesToPreload:5,marginLeft:10,marginRight:35,marginTop:10,marginBottom:35,zIndexCounter:1001,slideInOutline:true,fullExpandTitle:'Expand to actual size',restoreTitle:'Click to close image, click and drag to move. Use arrow keys for next and previous.',focusTitle:'Click to bring to front',loadingText:'Loading...',loadingTitle:'Click to cancel',loadingOpacity:0.75,showCredits:true,creditsText:'',creditsHref:'',creditsTitle:'',anchor:'auto',align:'auto',captionId:null,slideshowGroup:'',enableKeyListener:true,spaceForCaption:30,minWidth:200,minHeight:200,allowSizeReduction:true,outlineType:'drop-shadow',wrapperClassName:null,preloadTheseImages:new Array(),continuePreloading:true,expandedImagesCounter:0,expanders:new Array(),overrides:new Array('anchor','align','outlineType','spaceForCaption','wrapperClassName','minWidth','minHeight','captionId','allowSizeReduction','slideshowGroup','enableKeyListener'),overlays:new Array(),toggleImagesGroup:null,ie:(document.all&&!window.opera),nn6:document.getElementById&&!document.all,safari:navigator.userAgent.indexOf("Safari")!=-1,hasFocused:false,isDrag:false,$:function(id){return document.getElementById(id);},createElement:function(tag,attribs,styles,parent){var el=document.createElement(tag);if(attribs)hs.setAttribs(el,attribs);if(styles)hs.setStyles(el,styles);if(parent)parent.appendChild(el);return el;},setAttribs:function(el,attribs){for(var x in attribs){el[x]=attribs[x];}},setStyles:function(el,styles){for(var x in styles){el.style[x]=styles[x];}},ieVersion:function(){arr=navigator.appVersion.split("MSIE");return parseFloat(arr[1]);},clientInfo:function(){var iebody=(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body;this.width=hs.ie?iebody.clientWidth:self.innerWidth;this.height=hs.ie?iebody.clientHeight:self.innerHeight;this.scrollLeft=hs.ie?iebody.scrollLeft:pageXOffset;this.scrollTop=hs.ie?iebody.scrollTop:pageYOffset;},position:function(el){var parent=el;var p=Array();p.x=parent.offsetLeft;p.y=parent.offsetTop;while(parent.offsetParent){parent=parent.offsetParent;p.x+=parent.offsetLeft;p.y+=parent.offsetTop;}return p;},expand:function(a,params,contentType){try{new HsExpander(a,params,contentType);return false;}catch(e){return true;}},focusTopmost:function(){var topZ=0;var topmostKey=-1;for(i=0;i<hs.expanders.length;i++){if(hs.expanders[i]){if(hs.expanders[i].wrapper.style.zIndex&&hs.expanders[i].wrapper.style.zIndex>topZ){topZ=hs.expanders[i].wrapper.style.zIndex;topmostKey=i;}}}if(topmostKey==-1)hs.focusKey=-1;else hs.expanders[topmostKey].focus();},closeId:function(elId){for(i=0;i<hs.expanders.length;i++){if(hs.expanders[i]&&(hs.expanders[i].thumb.id==elId||hs.expanders[i].a.id==elId)){hs.expanders[i].doClose();return;}}},close:function(el){var key=hs.getWrapperKey(el);if(hs.expanders[key])hs.expanders[key].doClose();return false;},toggleImages:function(closeId,expandEl){if(closeId)hs.closeId(closeId);if(hs.ie)expandEl.href=expandEl.href.replace('about:(blank)?','');hs.toggleImagesExpandEl=expandEl;return false;},getAdjacentAnchor:function(key,op){var aAr=document.getElementsByTagName('A');var hsAr=new Array;for(i=0;i<aAr.length;i++){if(hs.isHsAnchor(aAr[i])){hsAr.push(aAr[i]);}}var activeI=-1;for(i=0;i<hsAr.length;i++){if(hs.expanders[key]&&hsAr[i]==hs.expanders[key].a){activeI=i;break;}}return hsAr[activeI+op];},getSrc:function(a){return a.rel.replace(/_slash_/g,'/')||a.href;},previousOrNext:function(el,op){if(typeof el=='object')var activeKey=hs.getWrapperKey(el);else if(typeof el=='number')var activeKey=el;if(hs.expanders[activeKey]){hs.toggleImagesExpandEl=hs.getAdjacentAnchor(activeKey,op);hs.toggleImagesGroup=hs.expanders[activeKey].slideshowGroup;hs.expanders[activeKey].doClose();}return false;},previous:function(el){return hs.previousOrNext(el,-1);},next:function(el){return hs.previousOrNext(el,1);},keyHandler:function(e){if(!e)e=window.event;if(!e.target)e.target=e.srcElement;if(e.target.form)return;var op=null;switch(e.keyCode){case 34:case 39:case 40:op=1;break;case 33:case 37:case 38:op=-1;break;case 27:case 13:if(hs.expanders[hs.focusKey])hs.expanders[hs.focusKey].doClose();return false;}if(op!=null){hs.removeEventListener(document,'keydown',hs.keyHandler);if(hs.expanders[hs.focusKey]&&hs.expanders[hs.focusKey].enableKeyListener==false)return true;return hs.previousOrNext(hs.focusKey,op);}else return true;},registerOverlay:function(overlay){hs.overlays.push(overlay);},getWrapperKey:function(el){var key=-1;while(el.parentNode){el=el.parentNode;if(el.id&&el.id.match(/^highslide-wrapper-[0-9]+$/)){key=el.id.replace(/^highslide-wrapper-([0-9]+)$/,"$1");break;}}return key;},cleanUp:function(){if(hs.toggleImagesExpandEl){hs.toggleImagesExpandEl.onclick();hs.toggleImagesExpandEl=null;}else{for(i=0;i<hs.expanders.length;i++){if(hs.expanders[i]&&hs.expanders[i].isExpanded)hs.focusTopmost();}}},mouseDownHandler:function(e){if(!e)e=window.event;if(e.button>1)return true;if(!e.target)e.target=e.srcElement;var fobj=e.target;while(!fobj.tagName.match(/(HTML|BODY)/)&&!fobj.className.match(/highslide-(image|move|html)/)){fobj=hs.nn6?fobj.parentNode:fobj.parentElement;}if(fobj.tagName.match(/(HTML|BODY)/))return;hs.dragKey=hs.getWrapperKey(fobj);if(fobj.className.match(/highslide-(image|move)/)){hs.isDrag=true;hs.dragObj=hs.expanders[hs.dragKey].content;if(fobj.className.match('highslide-image'))hs.dragObj.style.cursor='move';tx=parseInt(hs.expanders[hs.dragKey].wrapper.style.left);ty=parseInt(hs.expanders[hs.dragKey].wrapper.style.top);hs.leftBeforeDrag=tx;hs.topBeforeDrag=ty;hs.dragX=hs.nn6?e.clientX:event.clientX;hs.dragY=hs.nn6?e.clientY:event.clientY;hs.addEventListener(document,'mousemove',hs.mouseMoveHandler);if(e.preventDefault)e.preventDefault();if(hs.dragObj.className.match(/highslide-(image|html)-blur/)){hs.expanders[hs.dragKey].focus();hs.hasFocused=true;}return false;}else if(fobj.className.match(/highslide-html/)){hs.expanders[hs.dragKey].focus();hs.expanders[hs.dragKey].redoShowHide();hs.hasFocused=false;}},mouseMoveHandler:function(e){if(hs.isDrag){if(!hs.expanders[hs.dragKey]||!hs.expanders[hs.dragKey].wrapper)return;var wrapper=hs.expanders[hs.dragKey].wrapper;var left=hs.nn6?tx+e.clientX-hs.dragX:tx+event.clientX-hs.dragX;wrapper.style.left=left+'px';var top=hs.nn6?ty+e.clientY-hs.dragY:ty+event.clientY-hs.dragY;wrapper.style.top=top+'px';return false;}},mouseUpHandler:function(e){if(!e)e=window.event;if(e.button>1)return true;if(!e.target)e.target=e.srcElement;hs.isDrag=false;var fobj=e.target;while(!fobj.tagName.match(/(HTML|BODY)/)&&!fobj.className.match(/highslide-(image|move)/)){fobj=fobj.parentNode;}if(fobj.className.match(/highslide-(image|move)/)&&hs.expanders[hs.dragKey]){if(fobj.className.match('highslide-image')){fobj.style.cursor=hs.styleRestoreCursor;hs.removeEventListener(document,'mousemove',hs.mouseMoveHandler);}var left=parseInt(hs.expanders[hs.dragKey].wrapper.style.left);var top=parseInt(hs.expanders[hs.dragKey].wrapper.style.top);var hasMoved=left!=hs.leftBeforeDrag||top!=hs.topBeforeDrag;if(!hasMoved&&!hs.hasFocused){hs.expanders[hs.dragKey].doClose();}else if(hasMoved||(!hasMoved&&hs.hasHtmlExpanders)){hs.expanders[hs.dragKey].redoShowHide();}hs.hasFocused=false;}else if(fobj.className.match('highslide-image-blur')){fobj.style.cursor=hs.styleRestoreCursor;}},addEventListener:function(el,event,func){if(document.addEventListener)el.addEventListener(event,func,false);else if(document.attachEvent)el.attachEvent('on'+event,func);else el['on'+event]=func;},removeEventListener:function(el,event,func){if(document.removeEventListener)el.removeEventListener(event,func,false);else if(document.detachEvent)el.detachEvent('on'+event,func);else el['on'+event]=null;},isHsAnchor:function(a){return(a.className&&(a.className.match("highslide$")||a.className.match("highslide ")));},preloadFullImage:function(i){if(hs.continuePreloading&&hs.preloadTheseImages[i]&&hs.preloadTheseImages[i]!='undefined'){var img=document.createElement('img');img.onload=function(){hs.preloadFullImage(i+1);}img.src=hs.preloadTheseImages[i];}},preloadImages:function(number){if(number)this.numberOfImagesToPreload=number;var j=0;var aTags=document.getElementsByTagName('A');for(i=0;i<aTags.length;i++){a=aTags[i];if(hs.isHsAnchor(a)){if(j<this.numberOfImagesToPreload){hs.preloadTheseImages[j]=hs.getSrc(a);j++;}}}hs.preloadFullImage(0);var cur=document.createElement('img');cur.src=hs.graphicsDir+hs.restoreCursor;if(hs.outlineType){for(i=1;i<=8;i++){var img=document.createElement('img');img.src=hs.graphicsDir+"outlines/"+hs.outlineType+"/"+i+".png";}}}}HsExpander=function(a,params,contentType){try{hs.continuePreloading=false;hs.container=hs.$('highslide-container');if(params&&params.thumbnailId){var el=hs.$(params.thumbnailId);}else{for(i=0;i<a.childNodes.length;i++){if(a.childNodes[i].tagName&&a.childNodes[i].tagName=='IMG'){var el=a.childNodes[i];break;}}}if(!el)el=a;for(i=0;i<hs.expanders.length;i++){if(hs.expanders[i]&&hs.expanders[i].thumb!=el&&!hs.expanders[i].onloadStarted){hs.expanders[i].cancelLoading();}}for(i=0;i<hs.expanders.length;i++){if(hs.expanders[i]&&hs.expanders[i].thumb==el){hs.expanders[i].focus();return false;}}this.key=hs.expandedImagesCounter++;hs.expanders[this.key]=this;if(contentType=='html'){this.isHtml=true;this.contentType='html';}else{this.isImage=true;this.contentType='image';}this.a=a;for(i=0;i<hs.overrides.length;i++){var name=hs.overrides[i];if(params&&params[name]!=undefined)this[name]=params[name];else this[name]=hs[name];}if(hs.toggleImagesGroup!=null&&hs.toggleImagesGroup!=this.slideshowGroup){hs.toggleImagesGroup=null;hs.expanders[this.key]=null;return;}this.thumbsUserSetId=el.id||a.id;this.thumb=el;this.overlays=new Array();var pos=hs.position(el);this.wrapper=hs.createElement('div',{id:'highslide-wrapper-'+this.key,className:this.wrapperClassName},{visibility:'hidden',position:'absolute',zIndex:hs.zIndexCounter++})this.thumbWidth=el.width?el.width:el.offsetWidth;this.thumbHeight=el.height?el.height:el.offsetHeight;this.thumbLeft=pos.x;this.thumbTop=pos.y;this.thumbClass=el.className;this.thumbOffsetBorderW=(this.thumb.offsetWidth-this.thumbWidth)/2;this.thumbOffsetBorderH=(this.thumb.offsetHeight-this.thumbHeight)/2;if(this.isImage)this.imageCreate();return false;}catch(e){return true;}};HsExpander.prototype.displayLoading=function(){if(this.onloadStarted)return;this.originalCursor=this.a.style.cursor;this.a.style.cursor='wait';this.loading=hs.createElement('a',{className:'highslide-loading',title:hs.loadingTitle,href:'javascript:hs.expanders['+this.key+'].cancelLoading()',innerHTML:hs.loadingText},{position:'absolute',visibility:'hidden'},hs.container);if(hs.ie)this.loading.style.filter='alpha(opacity='+(100*hs.loadingOpacity)+')';else this.loading.style.opacity=hs.loadingOpacity;this.loading.style.left=(this.thumbLeft+this.thumbOffsetBorderW+(this.thumbWidth-this.loading.offsetWidth)/2)+'px';this.loading.style.top=(this.thumbTop+(this.thumbHeight-this.loading.offsetHeight)/2)+'px';setTimeout("if (hs.expanders["+this.key+"] && hs.expanders["+this.key+"].loading) "+"hs.expanders["+this.key+"].loading.style.visibility = 'visible';",100);};HsExpander.prototype.imageCreate=function(){var img=document.createElement('img');var key=this.key;var img=document.createElement('img');this.content=img;img.onload=function(){if(hs.expanders[key])hs.expanders[key].onload();}img.className='highslide-image '+this.thumbClass;img.style.visibility='hidden'img.style.display='block';img.style.position='absolute';img.style.zIndex=3;img.title=hs.restoreTitle;img.onmouseover=function(){if(hs.expanders[key])hs.expanders[key].onmouseover();}img.onmouseout=function(e){var rel=e?e.relatedTarget:event.toElement;if(hs.expanders[key])hs.expanders[key].onmouseout(rel);}if(hs.safari)hs.container.appendChild(img);img.src=hs.getSrc(this.a);this.displayLoading();};HsExpander.prototype.onload=function(){try{if(!this.content)return;if(this.onloadStarted)return;else this.onloadStarted=true;if(this.loading){hs.container.removeChild(this.loading);this.loading=null;this.a.style.cursor=this.originalCursor||'';}if(this.isImage){this.newWidth=this.content.width;this.newHeight=this.content.height;this.fullExpandWidth=this.newWidth;this.fullExpandHeight=this.newHeight;this.content.width=this.thumbWidth;this.content.height=this.thumbHeight;}var modMarginBottom=hs.marginBottom;if(this.captionId&&hs.$(this.captionId)){this.caption=hs.$(this.captionId).cloneNode(true);}else if(this.thumbsUserSetId&&hs.$('caption-for-'+this.thumbsUserSetId)){this.caption=hs.$('caption-for-'+this.thumbsUserSetId).cloneNode(true);}if(this.caption){modMarginBottom+=this.spaceForCaption;this.caption.id=null;}this.wrapper.appendChild(this.content);this.content.style.position='relative';if(this.caption)this.wrapper.appendChild(this.caption);this.wrapper.style.left=this.thumbLeft+'px';this.wrapper.style.top=this.thumbTop+'px';hs.container.appendChild(this.wrapper);if(this.swfObject)this.swfObject.write(this.flashContainerId);this.offsetBorderW=(this.wrapper.offsetWidth-this.thumbWidth)/2;this.offsetBorderH=(this.wrapper.offsetHeight-this.thumbHeight)/2;var modMarginRight=hs.marginRight+2*this.offsetBorderW;modMarginBottom+=2*this.offsetBorderH;var ratio=this.newWidth/this.newHeight;var minWidth=this.allowSizeReduction?this.minWidth:this.newWidth;var minHeight=this.allowSizeReduction?this.minHeight:this.newHeight;var justify={x:'auto',y:'auto'};if(this.align=='center'){justify.x='center';justify.y='center';}else{if(this.anchor.match(/^top/))justify.y=null;if(this.anchor.match(/right$/))justify.x='max';if(this.anchor.match(/^bottom/))justify.y='max';if(this.anchor.match(/left$/))justify.x=null;}client=new hs.clientInfo();this.x={min:parseInt(this.thumbLeft)-this.offsetBorderW+this.thumbOffsetBorderW,span:this.newWidth,minSpan:this.newWidth<minWidth?this.newWidth:minWidth,justify:justify.x,marginMin:hs.marginLeft,marginMax:modMarginRight,scroll:client.scrollLeft,clientSpan:client.width,thumbSpan:this.thumbWidth};var oldRight=this.x.min+parseInt(this.thumbWidth);this.x=this.justify(this.x);this.y={min:parseInt(this.thumbTop)-this.offsetBorderH+this.thumbOffsetBorderH,span:this.newHeight,minSpan:this.newHeight<minHeight?this.newHeight:minHeight,justify:justify.y,marginMin:hs.marginTop,marginMax:modMarginBottom,scroll:client.scrollTop,clientSpan:client.height,thumbSpan:this.thumbHeight};var oldBottom=this.y.min+parseInt(this.thumbHeight);this.y=this.justify(this.y);if(this.isHtml)this.htmlSizeOperations();if(this.isImage)this.correctRatio(ratio);var x=this.x;var y=this.y;var imgPos={x:x.min-20,y:y.min-20,w:x.span+40,h:y.span+40+this.spaceForCaption}hs.hideSelects=(hs.ie&&hs.ieVersion()<7);if(hs.hideSelects)this.showHideElements('SELECT','hidden',imgPos);hs.hideIframes=(window.opera||navigator.vendor=='KDE'||(hs.ie&&hs.ieVersion()<5.5));if(hs.hideIframes)this.showHideElements('IFRAME','hidden',imgPos);this.changeSize(this.thumbLeft+this.thumbOffsetBorderW-this.offsetBorderW,this.thumbTop+this.thumbOffsetBorderH-this.offsetBorderH,this.thumbWidth,this.thumbHeight,x.min,y.min,x.span,y.span,hs.expandDuration,hs.expandSteps);setTimeout("if (hs.expanders["+this.key+"])"+"hs.expanders["+this.key+"].onExpanded()",hs.expandDuration);}catch(e){if(hs.expanders[this.key]&&hs.expanders[this.key].a)window.location.href=hs.getSrc(hs.expanders[this.key].a);}};HsExpander.prototype.changeSize=function(x1,y1,w1,h1,x2,y2,w2,h2,dur,steps){dW=(w2-w1)/steps;dH=(h2-h1)/steps;dX=(x2-x1)/steps;dY=(y2-y1)/steps;for(i=1;i<hs.expandSteps;i++){w1+=dW;h1+=dH;x1+=dX;y1+=dY;setTimeout("if (hs.expanders["+this.key+"]) "+"hs.expanders["+this.key+"]."+this.contentType+"SetSize("+w1+", "+h1+", "+x1+", "+y1+")",Math.round(i*(dur/steps)));}};HsExpander.prototype.imageSetSize=function(width,height,left,top){try{this.content.width=width;this.content.height=height;hs.setStyles(this.wrapper,{'visibility':'visible','left':left+'px','top':top+'px'})this.content.style.visibility='visible';if(this.thumb.tagName=='IMG')this.thumb.style.visibility='hidden';}catch(e){window.location.href=hs.getSrc(hs.expanders[this.key].a);}};HsExpander.prototype.onExpanded=function(){this[this.contentType+'SetSize'](this.x.span,this.y.span,this.x.min,this.y.min);this.isExpanded=true;this.focus();this.createCustomOverlays();if(hs.showCredits)this.writeCredits();if(this.caption)this.writeCaption();if(!this.caption||!hs.slideInOutline&&this.outlineType)this.writeOutline();if(this.fullExpandWidth>this.x.span)this.createFullExpand();if(!this.caption&&!this.outlineType)this.onDisplayFinished();};HsExpander.prototype.onDisplayFinished=function(){var nextA=hs.getAdjacentAnchor(this.key,1);if(nextA){var img=document.createElement('img');img.src=hs.getSrc(nextA);}};HsExpander.prototype.justify=function(p){if(p.justify=='auto'||p.justify=='center'){var hasMovedMin=false;var allowReduce=true;if(p.justify=='center')p.min=Math.round(p.scroll+(p.clientSpan-p.span-p.marginMax)/2);else p.min=Math.round(p.min-((p.span-p.thumbSpan)/2));if(p.min<p.scroll+p.marginMin){p.min=p.scroll+p.marginMin;hasMovedMin=true;}if(p.span<p.minSpan){p.span=p.minSpan;allowReduce=false;}if(p.min+p.span>p.scroll+p.clientSpan-p.marginMax){if(hasMovedMin&&allowReduce)p.span=p.clientSpan-p.marginMin-p.marginMax;else if(p.span<p.clientSpan-p.marginMin-p.marginMax){p.min=p.scroll+p.clientSpan-p.span-p.marginMin-p.marginMax;}else{p.min=p.scroll+p.marginMin;if(allowReduce)p.span=p.clientSpan-p.marginMin-p.marginMax;}}if(p.span<p.minSpan){p.span=p.minSpan;allowReduce=false;}}else if(p.justify=='max'){p.min=Math.floor(p.min-p.span+p.thumbSpan);}if(p.min<p.marginMin){tmpMin=p.min;p.min=p.marginMin;if(allowReduce)p.span=p.span-(p.min-tmpMin);}return p;};HsExpander.prototype.correctRatio=function(ratio){var x=this.x;var y=this.y;var changed=false;if(x.span/y.span>ratio){var tmpWidth=x.span;x.span=y.span*ratio;if(x.span<x.minSpan){x.span=x.minSpan;y.span=x.span/ratio;}changed=true;}else if(x.span/y.span<ratio){var tmpHeight=y.span;y.span=x.span/ratio;changed=true;}if(changed){x.min=parseInt(this.thumbLeft)-this.offsetBorderW+this.thumbOffsetBorderW;x.minSpan=x.span;this.x=this.justify(x);y.min=parseInt(this.thumbTop)-this.offsetBorderH+this.thumbOffsetBorderH;y.minSpan=y.span;this.y=this.justify(y);}};HsExpander.prototype.cancelLoading=function(){this.a.style.cursor=this.originalCursor;if(this.loading){hs.container.removeChild(this.loading);this.loading=null;}hs.expanders[this.key]=null;};HsExpander.prototype.writeCredits=function(){var credits=hs.createElement('a',{href:hs.creditsHref,className:'highslide-credits',innerHTML:hs.creditsText,title:hs.creditsTitle})this.createOverlay(credits,'top left');};HsExpander.prototype.writeCaption=function(){try{this.wrapper.style.width=this.wrapper.offsetWidth+'px';this.caption.style.visibility='hidden';this.caption.style.position='relative';if(hs.ie)this.caption.style.zoom=1;this.caption.className+=' highslide-display-block';var capHeight=this.caption.offsetHeight;var slideHeight=(capHeight<this.content.height)?capHeight:this.content.height;this.caption.style.marginTop='-'+slideHeight+'px';this.caption.style.zIndex=2;var step=1;if(slideHeight>400)step=4;else if(slideHeight>200)step=2;else if(slideHeight>100)step=1;if(hs.captionSlideSpeed)step=step*hs.captionSlideSpeed;else step=slideHeight;setTimeout("if (hs.expanders["+this.key+"] && hs.expanders["+this.key+"].caption) "+"hs.expanders["+this.key+"].caption.style.visibility = 'visible'",10);var t=0;for(marginTop=-slideHeight;marginTop<=0;marginTop+=step,t+=10){var eval="if (hs.expanders["+this.key+"] && hs.expanders["+this.key+"].caption) { "+"hs.expanders["+this.key+"].caption.style.marginTop = '"+marginTop+"px';"if(hs.slideInOutline&&marginTop>=0)eval+='hs.expanders['+this.key+'].writeOutline();';else if(!hs.slideInOutline)eval+='hs.expanders['+this.key+'].repositionOutline(0);';eval+="}";setTimeout(eval,t);}}catch(e){}};HsExpander.prototype.writeOutline=function(){if(!this.outlineType){this.onDisplayFinished();return;}this.outline=new Array();var v=hs.ieVersion();hs.hasAlphaImageLoader=hs.ie&&v>=5.5&&v<7;hs.hasIe7Bug=hs.ie&&v==7;hs.hasPngSupport=!hs.ie;this.preloadOutlineElement(1);};HsExpander.prototype.preloadOutlineElement=function(i){if(!hs.hasAlphaImageLoader&&!hs.hasPngSupport&&!hs.hasIe7Bug)return;if(this.outline[i]&&this.outline[i].onload){this.outline[i].onload=null;return;}var src=hs.graphicsDir+"outlines/"+this.outlineType+"/"+i+".png";if(hs.hasAlphaImageLoader){this.outline[i]=hs.createElement('div',null,{filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader("+"enabled=true, sizingMethod=scale src='"+src+"') "});}else if(hs.hasIe7Bug){this.outline[i]=hs.createElement('div',null,{background:'url('+src+')'});}var img=document.createElement('img');if(hs.hasPngSupport){this.outline[i]=img;}this.outline[i].style.position='absolute';var dim=(i%2==1)?10:20;this.outline[i].style.height=dim+'px';this.outline[i].style.width=dim+'px';if(hs.ie){this.outline[i].style.lineHeight=dim+'px';this.outline[i].style.fontSize=0;}if(hs.slideInOutline){var pThis=this;if(i<8)img.onload=function(){pThis.preloadOutlineElement(i+1);};else img.onload=function(){pThis.displayOutline();};}else{this.wrapper.appendChild(this.outline[i]);if(i<8)this.preloadOutlineElement(i+1);else this.repositionOutline(0);}if(hs.safari){this.outline[i].style.left='10px';this.outline[i].style.top='10px';hs.container.appendChild(img);}img.src=src;};HsExpander.prototype.displayOutline=function(){this.repositionOutline(12);for(i=1;i<=8;i++){this.wrapper.appendChild(this.outline[i]);}this.hasOutline=true;for(i=10,t=0;i>=0;i--,t+=50){setTimeout('if (hs.expanders['+this.key+']) hs.expanders['+this.key+'].repositionOutline('+i+')',t);}};HsExpander.prototype.repositionOutline=function(offset){if(this.isClosing)return;var w=this.wrapper.offsetWidth;var h=this.wrapper.offsetHeight;var fix=Array(Array(Array(1,5),'width',w-(2*offset)-20),Array(Array(1,5),'left',10+offset),Array(Array(1,2,8),'top',-10+offset),Array(Array(2,4),'left',w-10-offset),Array(Array(3,3),'left',w-offset),Array(Array(3,7),'top',10+offset),Array(Array(3,7),'height',h-(2*offset)-20),Array(Array(4,6),'top',h-10-offset),Array(Array(5,5),'top',h-offset),Array(Array(6,7,8),'left',-10+offset));if(navigator.vendor=='KDE'){fix.push(Array(1,5),'height',(offset%2)+10);}for(i=0;i<fix.length;i++){for(j=0;j<fix[i][0].length;j++){this.outline[fix[i][0][j]].style[fix[i][1]]=fix[i][2]+'px';}}if(offset==0)this.onDisplayFinished();};HsExpander.prototype.showHideElements=function(tagName,visibility,imgPos){var els=document.getElementsByTagName(tagName);if(els){for(i=0;i<els.length;i++){if(els[i].nodeName==tagName){var hiddenBy=els[i].getAttribute('hidden-by');if(visibility=='visible'&&hiddenBy){hiddenBy=hiddenBy.replace('['+this.key+']','');els[i].setAttribute('hidden-by',hiddenBy);if(!hiddenBy)els[i].style.visibility='visible';}else if(visibility=='hidden'){var elPos=hs.position(els[i]);elPos.w=els[i].offsetWidth;elPos.h=els[i].offsetHeight;var clearsX=(elPos.x+elPos.w<imgPos.x||elPos.x>imgPos.x+imgPos.w);var clearsY=(elPos.y+elPos.h<imgPos.y||elPos.y>imgPos.y+imgPos.h);var wrapperKey=hs.getWrapperKey(els[i]);if(!clearsX&&!clearsY&&wrapperKey!=this.key){if(!hiddenBy){els[i].setAttribute('hidden-by','['+this.key+']');}else if(!hiddenBy.match('['+this.key+']')){els[i].setAttribute('hidden-by',hiddenBy+'['+this.key+']');}els[i].style.visibility='hidden';}else if(hiddenBy=='['+this.key+']'||hs.focusKey==wrapperKey){els[i].setAttribute('hidden-by','');els[i].style.visibility='visible';}else if(hiddenBy&&hiddenBy.match('['+this.key+']')){els[i].setAttribute('hidden-by',hiddenBy.replace('['+this.key+']',''));}}}}}};HsExpander.prototype.focus=function(){for(i=0;i<hs.expanders.length;i++){if(hs.expanders[i]&&i==hs.focusKey){var blurExp=hs.expanders[i];blurExp.content.className+=' highslide-'+blurExp.contentType+'-blur';if(blurExp.caption){blurExp.caption.className+=' highslide-caption-blur';}if(blurExp.isImage){blurExp.content.style.cursor=hs.ie?'hand':'pointer';blurExp.content.title=hs.focusTitle;}}}this.wrapper.style.zIndex=hs.zIndexCounter++;this.content.className='highslide-'+this.contentType;if(this.caption){this.caption.className=this.caption.className.replace(' highslide-caption-blur','');}if(this.isImage){this.content.title=hs.restoreTitle;hs.styleRestoreCursor=window.opera?'pointer':'url('+hs.graphicsDir+hs.restoreCursor+'), pointer';if(hs.ie&&hs.ieVersion()<6)hs.styleRestoreCursor='hand';this.content.style.cursor=hs.styleRestoreCursor;}hs.focusKey=this.key;hs.addEventListener(document,'keydown',hs.keyHandler);};HsExpander.prototype.doClose=function(){hs.removeEventListener(document,'keydown',hs.keyHandler);try{if(!hs.expanders[this.key])return;var exp=hs.expanders[this.key];this.isClosing=true;var n=this.wrapper.childNodes.length;for(i=n-1;i>0;i--){var child=this.wrapper.childNodes[i];if(child!=this.content){this.wrapper.removeChild(this.wrapper.childNodes[i]);}}if(this.scrollerDiv&&this.scrollerDiv!='scrollingContent')exp[this.scrollerDiv].style.overflow='hidden';hs.outlinePreloader=0;this.wrapper.style.width=null;var width=(this.isImage)?this.content.width:parseInt(this.content.style.width);var height=(this.isImage)?this.content.height:parseInt(this.content.style.height);this.changeSize(parseInt(this.wrapper.style.left),parseInt(this.wrapper.style.top),width,height,this.thumbLeft-this.offsetBorderW+this.thumbOffsetBorderW,this.thumbTop-this.offsetBorderH+this.thumbOffsetBorderH,this.thumbWidth,this.thumbHeight,hs.restoreDuration,hs.restoreSteps);setTimeout('if (hs.expanders['+this.key+']) hs.expanders['+this.key+'].onendClose()',hs.restoreDuration);}catch(e){hs.expanders[this.key].onendClose();}};HsExpander.prototype.onendClose=function(){this.thumb.style.visibility='visible';if(hs.hideSelects)this.showHideElements('SELECT','visible');if(hs.hideIframes)this.showHideElements('IFRAME','visible');this.wrapper.parentNode.removeChild(this.wrapper);hs.expanders[this.key]=null;hs.cleanUp();};HsExpander.prototype.createOverlay=function(el,position,hideonmouseout,opacity){if(typeof el=='string'&&hs.$(el)){el=hs.$(el).cloneNode(true);el.id=null;}if(!el||typeof el=='string'||!this.isImage)return;if(!position)var position='center center';var overlay=hs.createElement('div',null,{'position':'absolute','zIndex':3,'visibility':'hidden'},this.wrapper);if(opacity&&opacity<1){if(hs.ie)overlay.style.filter='alpha(opacity='+(opacity*100)+')';else overlay.style.opacity=opacity;}el.className+=' highslide-display-block';overlay.appendChild(el);var left=this.offsetBorderW;var top=this.offsetBorderH;if(position.match(/^bottom/))top+=this.content.height-overlay.offsetHeight;if(position.match(/^center/))top+=(this.content.height-overlay.offsetHeight)/2;if(position.match(/right$/))left+=this.content.width-overlay.offsetWidth;if(position.match(/center$/))left+=(this.content.width-overlay.offsetWidth)/2;overlay.style.left=left+'px';overlay.style.top=top+'px';if(this.mouseIsOver||!hideonmouseout)overlay.style.visibility='visible';if(hideonmouseout)overlay.setAttribute('hideonmouseout',true);this.overlays.push(overlay);};HsExpander.prototype.createCustomOverlays=function(){for(i=0;i<hs.overlays.length;i++){var o=hs.overlays[i];if(o.thumbnailId==null||o.thumbnailId==this.thumbsUserSetId){this.createOverlay(o.overlayId,o.position,o.hideonmouseout,o.opacity);}}};HsExpander.prototype.onmouseover=function(){this.mouseIsOver=true;for(i=0;i<this.overlays.length;i++){this.overlays[i].style.visibility='visible';}};HsExpander.prototype.onmouseout=function(rel){this.mouseIsOver=false;var hideThese=new Array();for(i=0;i<this.overlays.length;i++){var node=rel;while(node&&node.parentNode){if(node==this.overlays[i])return;node=node.parentNode;}if(this.overlays[i].getAttribute('hideonmouseout')){hideThese.push(this.overlays[i]);}}for(i=0;i<hideThese.length;i++){hideThese[i].style.visibility='hidden';}};HsExpander.prototype.createFullExpand=function(){var a=hs.createElement('a',{href:'javascript:hs.expanders['+this.key+'].doFullExpand();',title:hs.fullExpandTitle},{background:'url('+hs.graphicsDir+hs.fullExpandIcon+')',display:'block',margin:'0 10px 10px 0',width:'45px',height:'44px'})this.createOverlay(a,'bottom right',true,0.75);this.fullExpandIcon=a;};HsExpander.prototype.doFullExpand=function(){try{var newLeft=parseInt(this.wrapper.style.left)-(this.fullExpandWidth-this.content.width)/2;if(newLeft<hs.marginLeft)newLeft=hs.marginLeft;this.wrapper.style.left=newLeft+'px';var borderOffset=this.wrapper.offsetWidth-this.content.width;this.content.width=this.fullExpandWidth;this.content.height=this.fullExpandHeight;this.focus();this.fullExpandIcon.parentNode.removeChild(this.fullExpandIcon);this.wrapper.style.width=(this.content.width+borderOffset)+'px';if(this.outlineType)this.repositionOutline(0);for(x in this.overlays){this.wrapper.removeChild(this.overlays[x]);}if(hs.showCredits)this.writeCredits();this.createCustomOverlays();this.redoShowHide();}catch(e){window.location.href=hs.expanders[this.key].content.src;}};HsExpander.prototype.redoShowHide=function(){var imgPos={x:parseInt(this.wrapper.style.left)-20,y:parseInt(this.wrapper.style.top)-20,w:this.content.offsetWidth+40,h:this.content.offsetHeight+40+this.spaceForCaption}if(hs.hideSelects)this.showHideElements('SELECT','hidden',imgPos);if(hs.hideIframes)this.showHideElements('IFRAME','hidden',imgPos);};hs.addEventListener(document,'mousedown',hs.mouseDownHandler);hs.addEventListener(document,'mouseup',hs.mouseUpHandler);</script><script type="text/javascript">hs.graphicsDir='images/';hs.captionId='the-caption';hs.outlineType='rounded-white';window.onload=function(){hs.preloadImages(5);}</script><script type="text/javascript">hs.graphicsDir = 'images/';hs.captionId = 'the-caption';hs.outlineType = 'rounded-white';window.onload = function() {hs.preloadImages(5);}</script>

<A href="http://art-duet.com/imagesiframe/animation1b.jpg" class="highslide" onclick="return hs.expand(this)"><IMG src="http://art-duet.com/imagesiframe/animation1.jpg" alt="Highslide JS" title="Click to enlarge" height="65"></A>

первая часть в тегах HEAD, вторая - понятно где.

 

все вместе в фрейме 

я не вполне понимаю ЧТО конкретно переносить в родит страницу.......?

понимаю, что из верхней части, но не понимаю, что.... 

также не понимаю, который из onclick менять.........?

 

(Вы поймите меня правильно, пожалуйста, - я не проф программист, я - любитель и вставляю обычно уже готовый скрипт по необходимости..... сайт моего близкого друга, мы решили его немного украсить, а то фотки допотопным образом открываются.. и если с html я с удовольствием общаюсь, то скрипты для меня буквально "иностранцы"))))))))

 

помогите, пожалуйста решить ))

[nerv]

помогите, пожалуйста

а в чем помощь? Сделать за вас? Это в раздел работа.

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

И вы нас поймите: люди учатся, тратят свое время.

[Switch74]

<A href="http://art-duet.com/imagesiframe/animation1b.jpg" class="highslide" onclick="return parent.hs.expand(this)"><IMG src="http://art-duet.com/imagesiframe/animation1.jpg" alt="Highslide JS" title="Click to enlarge" height="65"></A>

всю портянку кода из второго блока скрипта начинающуюся на

var hs={graphicsDir:'images/',restoreCursor:"zoomout.cur",fullExpandIcon:'fullexpand.gif'...

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

 

в фрэйме оставляем данный блок кода, изменив на

parent.hs.graphicsDir = 'images/';parent.hs.captionId = 'the-caption';parent.hs.outlineType = 'rounded-white';window.onload = function() {parent.hs.preloadImages(5);}

еще возможно придется оставить весь скрипт в фрэйме для его работоспособности и очень не понятно зачем для такой простой функции такой здоровый код.

[MCTess]

еще возможно придется оставить весь скрипт в фрэйме для его работоспособности и очень не понятно зачем для такой простой функции такой здоровый код.

 

ну...... это ж не я писала, - не знаю)))

 

попробую сделать, как Вы сказали, - вдруг все получится.....)

 

спасибо ОГРОМЕННОЕ!