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

И всё прочее, что касается HTML
Правила форума
Убедительная просьба юзать теги [code] при оформлении листингов.
Сообщения не оформленные должным образом имеют все шансы быть незамеченными.
Аватара пользователя
ProFTP
подполковник
Сообщения: 3388
Зарегистрирован: 2008-04-13 1:50:04
Откуда: %&й
Контактная информация:

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

Непрочитанное сообщение ProFTP » 2010-08-19 18:24:16

сейчас есть

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

<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 чтобы это найти?
Pеrl FAQ
perl -e 'print join"",map $$_[rand@$_],([0..9,'a'..'z','A'..'Z'])x30'
ИзображениеИзображение

Хостинговая компания Host-Food.ru
Хостинг HostFood.ru
 

Услуги хостинговой компании Host-Food.ru

Хостинг HostFood.ru

Тарифы на хостинг в России, от 12 рублей: https://www.host-food.ru/tariffs/hosting/
Тарифы на виртуальные сервера (VPS/VDS/KVM) в РФ, от 189 руб.: https://www.host-food.ru/tariffs/virtualny-server-vps/
Выделенные сервера, Россия, Москва, от 2000 рублей (HP Proliant G5, Intel Xeon E5430 (2.66GHz, Quad-Core, 12Mb), 8Gb RAM, 2x300Gb SAS HDD, P400i, 512Mb, BBU):
https://www.host-food.ru/tariffs/vydelennyi-server-ds/
Недорогие домены в популярных зонах: https://www.host-food.ru/domains/

Аватара пользователя
ProFTP
подполковник
Сообщения: 3388
Зарегистрирован: 2008-04-13 1:50:04
Откуда: %&й
Контактная информация:

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

Непрочитанное сообщение ProFTP » 2010-08-23 17:21:04

остаточный вариант

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

<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>
Pеrl FAQ
perl -e 'print join"",map $$_[rand@$_],([0..9,'a'..'z','A'..'Z'])x30'
ИзображениеИзображение

Аватара пользователя
FreeBSP
майор
Сообщения: 2020
Зарегистрирован: 2009-05-24 20:20:19
Откуда: Москва

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

Непрочитанное сообщение FreeBSP » 2010-08-23 21:26:08

http://jquery.bassistance.de/tooltip/demo/
такая закорючка не пригодится?
Человек начинает получать первые наслаждения от знакомства с unix системами. Ему нужно помочь - дальше он сможет получать наслаждение самостоятельно ©
Ламер — не желающий самостоятельно разбираться. Не путать с новичком: ламер опасен и знает это!

Аватара пользователя
ProFTP
подполковник
Сообщения: 3388
Зарегистрирован: 2008-04-13 1:50:04
Откуда: %&й
Контактная информация:

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

Непрочитанное сообщение ProFTP » 2010-08-23 21:29:15

к данному вопросу не пригодится...
ну и я уже сделал...

а toptip такой пригодится и еще как, спасибо... я его не давно искал, выбирал...
Pеrl FAQ
perl -e 'print join"",map $$_[rand@$_],([0..9,'a'..'z','A'..'Z'])x30'
ИзображениеИзображение

Аватара пользователя
FreeBSP
майор
Сообщения: 2020
Зарегистрирован: 2009-05-24 20:20:19
Откуда: Москва

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

Непрочитанное сообщение FreeBSP » 2010-08-24 12:10:03

угощайся, может еще что то вкусное найдешь
http://www.smashingmagazine.com/2007/06 ... -css-dhtml
Человек начинает получать первые наслаждения от знакомства с unix системами. Ему нужно помочь - дальше он сможет получать наслаждение самостоятельно ©
Ламер — не желающий самостоятельно разбираться. Не путать с новичком: ламер опасен и знает это!