Страница 1 из 1

jquery открыть окно и сделать картинку по меньше..

Добавлено: 2010-08-19 18:24:16
ProFTP
сейчас есть

Код: Выделить всё

<script language=javascript> 
<!-- 
function openpict(pict) 
{ 
window.open(pict,"none","top=100, left=100, width=800, height=500, resizable=0","replace=yes") 
} 
//--> 
</script>

проблема, что в опере показывается картинка в очень большой размере... а в firefox с начало в меньком, а тобы было в большом надо нажать на мышкой


и еще: можно ли сделать чтобы, когда нажать на превью картинки, чтобы открылось окно (так как тут window.open) и там была картинка не в очень большой разрешении, например, 800x500, а когад еще раз нажать чтобы оно становилось в полном размере 1000x1000 (примерно)

т.е. когда нажимать в окне на картинку, чтобы оно уменьшалось до 800x500 или становилось больше в максимальное разрешение?

как это сделать? в jquery обработчик навесить как-то можно?

что надо написать в google чтобы это найти?

Re: jquery открыть окно и сделать картинку по меньше..

Добавлено: 2010-08-23 17:21:04
ProFTP
остаточный вариант

Код: Выделить всё

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript">
        


function openpict(pict,pict_medium) {   



var opera = 0;
if (window.navigator.userAgent.indexOf ("Opera") >= 0) {

	opera = 1;

}


            var wnd = window.open( ( opera > 0 ? "upload/medium_"+pict_medium : pict ), "none", "top=100,left=100,width=800,height=500,scrollbars=yes,resizable=0");
       
           // $(wnd.document).find("img").css("width", "800px");
           // $(wnd.document).find("img").css("height", "600px");

          var clik = 1;    

            $(wnd.document).ready(function() {
            

   setTimeout(function() {            
            
                $(wnd.document).click(function() {
 
            // wnd.close();

        if (clik == 1) {
        clik = 0;
         
//	$(wnd.document).animate({opacity: "show", top: "800"}, "slow");  		         
         
        $(wnd.document).find("img").attr('src', pict_medium).animate({opacity: "show", top: "800"}, "slow");


        //   $(wnd.document).find("img").append("<span>sdfsdf</span>");         
        //   $(wnd.document).window.open("or_390_3.jpg", "none", "top=100,left=100,width=100%,height=100%,resizable=0");

//	$(wnd.document).animate({opacity: "show", top: "800"}, "slow");  		

        } else {


//	$(wnd.document).animate({opacity: "show", top: "800"}, "slow");  		




		         $(wnd.document).find("img").attr('src', ( opera > 0 ? "medium_"+pict_medium : pict ) ).animate({opacity: "show", top: "800"}, "slow")

//	$(wnd.document).animate({opacity: "show", top: "800"}, "slow");  		
	
       //   $(wnd.document).find("img").attr('title', 'or_390_3.jpg');
       //  $(wnd.document).window.open("or_390_1.jpg", "none", "top=100,left=100,width=800,height=500,resizable=0");


	
        clik = 1;        

          //  $(this).css("width", "800px");
         //   $(this).css("height", "600px");
            

        }
           
              
                });
                
                
 }, 2000);                
                
            });
            
       
    
        
    }
</script>

Re: jquery открыть окно и сделать картинку по меньше..

Добавлено: 2010-08-23 21:26:08
FreeBSP
http://jquery.bassistance.de/tooltip/demo/
такая закорючка не пригодится?

Re: jquery открыть окно и сделать картинку по меньше..

Добавлено: 2010-08-23 21:29:15
ProFTP
к данному вопросу не пригодится...
ну и я уже сделал...

а toptip такой пригодится и еще как, спасибо... я его не давно искал, выбирал...

Re: jquery открыть окно и сделать картинку по меньше..

Добавлено: 2010-08-24 12:10:03
FreeBSP
угощайся, может еще что то вкусное найдешь
http://www.smashingmagazine.com/2007/06 ... -css-dhtml