thickbox - как перевести на русский язык?

[Ritter]

В инете не нашел, наверное плохо искал. Не могу понять где переводятся на русский язык слова из яваскрипта thickbox: image, Prev, Ecs Key, close....

[Fix305]

картинка, предыдущая, кнопка ESC (слева наверху которая на клавиатуре), закрыть

[supleader]

Он спрашивал, где переводятся, а не как :oops:

/catalog/view/javascript/jquery/thickbox/thickbox-compressed.js вот здесь, только он компрессирован, так что просто замени исправленный мной и приведенный ниже код новой версии thickbox, заодно можешь поставить последний релиз jquery 1.4.2 - все совместимо!

/* * Thickbox 3.1 - One Box To Rule Them All. * By Cody Lindley (http://www.codylindley.com) * Copyright (c) 2007 cody lindley * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php*/		  var tb_pathToImage = "catalog/view/javascript/jquery/thickbox/loadingAnimation.gif";/*!!!!!!!!!!!!!!!!! edit below this line at your own risk !!!!!!!!!!!!!!!!!!!!!!!*///on page load call tb_init$(document).ready(function(){   	tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox	imgLoader = new Image();// preload image	imgLoader.src = tb_pathToImage;});//add thickbox to href & area elements that have a class of .thickboxfunction tb_init(domChunk){	$(domChunk).click(function(){	var t = this.title || this.name || null;	var a = this.href || this.alt;	var g = this.rel || false;	tb_show(t,a,g);	this.blur();	return false;	});}function tb_show(caption, url, imageGroup) {//function called when the user clicks on a thickbox link	try {		if (typeof document.body.style.maxHeight === "undefined") {//if IE 6			$("body","html").css({height: "100%", width: "100%"});			$("html").css("overflow","hidden");			if (document.getElementById("TB_HideSelect") === null) {//iframe to hide select elements in ie6				$("body").append("<iframe id='TB_HideSelect'></iframe><div id='TB_overlay'></div><div id='TB_window'></div>");				$("#TB_overlay").click(tb_remove);			}		}else{//all others			if(document.getElementById("TB_overlay") === null){				$("body").append("<div id='TB_overlay'></div><div id='TB_window'></div>");				$("#TB_overlay").click(tb_remove);			}		}				if(tb_detectMacXFF()){			$("#TB_overlay").addClass("TB_overlayMacFFBGHack");//use png overlay so hide flash		}else{			$("#TB_overlay").addClass("TB_overlayBG");//use background and opacity		}				if(caption===null){caption="";}		$("body").append("<div id='TB_load'>[img="+imgLoader.src+]</div>");//add loader to the page		$('#TB_load').show();//show loader				var baseURL;	   if(url.indexOf("?")!==-1){ //ff there is a query string involved			baseURL = url.substr(0, url.indexOf("?"));	   }else{ 	   		baseURL = url;	   }	   	   var urlString = /.jpg$|.jpeg$|.png$|.gif$|.bmp$/;	   var urlType = baseURL.toLowerCase().match(urlString);		if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif' || urlType == '.bmp'){//code to show images							TB_PrevCaption = "";			TB_PrevURL = "";			TB_PrevHTML = "";			TB_NextCaption = "";			TB_NextURL = "";			TB_NextHTML = "";			TB_imageCount = "";			TB_FoundURL = false;			if(imageGroup){				TB_TempArray = $("a[rel="+imageGroup+"]").get();				for (TB_Counter = 0; ((TB_Counter < TB_TempArray.length) && (TB_NextHTML === "")); TB_Counter++) {					var urlTypeTemp = TB_TempArray[TB_Counter].href.toLowerCase().match(urlString);						if (!(TB_TempArray[TB_Counter].href == url)) {													if (TB_FoundURL) {								TB_NextCaption = TB_TempArray[TB_Counter].title;								TB_NextURL = TB_TempArray[TB_Counter].href;								TB_NextHTML = "<span id='TB_next'>  [url="#"]Далее >[/url]</span>";							} else {								TB_PrevCaption = TB_TempArray[TB_Counter].title;								TB_PrevURL = TB_TempArray[TB_Counter].href;								TB_PrevHTML = "<span id='TB_prev'>  [url="#"]< Назад[/url]</span>";							}						} else {							TB_FoundURL = true;							TB_imageCount = "Изображение " + (TB_Counter + 1) +" из "+ (TB_TempArray.length);																	}				}			}			imgPreloader = new Image();			imgPreloader.onload = function(){					imgPreloader.onload = null;							// Resizing large images - orginal by Christian Montoya edited by me.			var pagesize = tb_getPageSize();			var x = pagesize[0] - 150;			var y = pagesize[1] - 150;			var imageWidth = imgPreloader.width;			var imageHeight = imgPreloader.height;			if (imageWidth > x) {				imageHeight = imageHeight * (x / imageWidth); 				imageWidth = x; 				if (imageHeight > y) { 					imageWidth = imageWidth * (y / imageHeight); 					imageHeight = y; 				}			} else if (imageHeight > y) { 				imageWidth = imageWidth * (y / imageHeight); 				imageHeight = y; 				if (imageWidth > x) { 					imageHeight = imageHeight * (x / imageWidth); 					imageWidth = x;				}			}			// End Resizing						TB_WIDTH = imageWidth + 30;			TB_HEIGHT = imageHeight + 60;			$("#TB_window").append("<a href='' id='TB_ImageOff' title='Close'>[img="+url+]</a>" + "<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'>[url="#"]Закрыть[/url] или нажмите ESC</div>"); 								$("#TB_closeWindowButton").click(tb_remove);						if (!(TB_PrevHTML === "")) {				function goPrev(){					if($(document).unbind("click",goPrev)){$(document).unbind("click",goPrev);}					$("#TB_window").remove();					$("body").append("<div id='TB_window'></div>");					tb_show(TB_PrevCaption, TB_PrevURL, imageGroup);					return false;					}				$("#TB_prev").click(goPrev);			}						if (!(TB_NextHTML === "")) {						function goNext(){					$("#TB_window").remove();					$("body").append("<div id='TB_window'></div>");					tb_show(TB_NextCaption, TB_NextURL, imageGroup);									return false;					}				$("#TB_next").click(goNext);							}			document.onkeydown = function(e){ 					if (e == null) { // ie					keycode = event.keyCode;				} else { // mozilla					keycode = e.which;				}				if(keycode == 27){ // close					tb_remove();				} else if(keycode == 190){ // display previous image					if(!(TB_NextHTML == "")){						document.onkeydown = "";						goNext();					}				} else if(keycode == 188){ // display next image					if(!(TB_PrevHTML == "")){						document.onkeydown = "";						goPrev();					}				}				};						tb_position();			$("#TB_load").remove();			$("#TB_ImageOff").click(tb_remove);			$("#TB_window").css({display:"block"}); //for safari using css instead of show			};						imgPreloader.src = url;		}else{//code to show html						var queryString = url.replace(/^[^?]+??/,'');			var params = tb_parseQuery( queryString );			TB_WIDTH = (params['width']*1) + 30 || 630; //defaults to 630 if no paramaters were added to URL			TB_HEIGHT = (params['height']*1) + 40 || 440; //defaults to 440 if no paramaters were added to URL			ajaxContentW = TB_WIDTH - 30;			ajaxContentH = TB_HEIGHT - 45;						if(url.indexOf('TB_iframe') != -1){// either iframe or ajax window							urlNoQuery = url.split('TB_');					$("#TB_iframeContent").remove();					if(params['modal'] != "true"){//iframe no modal						$("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWindow'>[url="#"]close[/url] or Esc Key</div></div><iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"' id='TB_iframeContent' name='TB_iframeContent"+Math.round(Math.random()*1000)+"' onload='tb_showIframe()' style='width:"+(ajaxContentW + 29)+"px;height:"+(ajaxContentH + 17)+"px;' > </iframe>");					}else{//iframe modal					$("#TB_overlay").unbind();						$("#TB_window").append("<iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"' id='TB_iframeContent' name='TB_iframeContent"+Math.round(Math.random()*1000)+"' onload='tb_showIframe()' style='width:"+(ajaxContentW + 29)+"px;height:"+(ajaxContentH + 17)+"px;'> </iframe>");					}			}else{// not an iframe, ajax					if($("#TB_window").css("display") != "block"){						if(params['modal'] != "true"){//ajax no modal						$("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWindow'>[url="#"]close[/url] or Esc Key</div></div><div id='TB_ajaxContent' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px'></div>");						}else{//ajax modal						$("#TB_overlay").unbind();						$("#TB_window").append("<div id='TB_ajaxContent' class='TB_modal' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'></div>");							}					}else{//this means the window is already up, we are just loading new content via ajax						$("#TB_ajaxContent")[0].style.width = ajaxContentW +"px";						$("#TB_ajaxContent")[0].style.height = ajaxContentH +"px";						$("#TB_ajaxContent")[0].scrollTop = 0;						$("#TB_ajaxWindowTitle").html(caption);					}			}								$("#TB_closeWindowButton").click(tb_remove);							if(url.indexOf('TB_inline') != -1){						$("#TB_ajaxContent").append($('#' + params['inlineId']).children());					$("#TB_window").unload(function () {						$('#' + params['inlineId']).append( $("#TB_ajaxContent").children() ); // move elements back when you're finished					});					tb_position();					$("#TB_load").remove();					$("#TB_window").css({display:"block"}); 				}else if(url.indexOf('TB_iframe') != -1){					tb_position();					if($.browser.safari){//safari needs help because it will not fire iframe onload						$("#TB_load").remove();						$("#TB_window").css({display:"block"});					}				}else{					$("#TB_ajaxContent").load(url += "&random=" + (new Date().getTime()),function(){//to do a post change this load method						tb_position();						$("#TB_load").remove();						tb_init("#TB_ajaxContent a.thickbox");						$("#TB_window").css({display:"block"});					});				}					}		if(!params['modal']){			document.onkeyup = function(e){ 					if (e == null) { // ie					keycode = event.keyCode;				} else { // mozilla					keycode = e.which;				}				if(keycode == 27){ // close					tb_remove();				}				};		}			} catch(e) {		//nothing here	}}//helper functions belowfunction tb_showIframe(){	$("#TB_load").remove();	$("#TB_window").css({display:"block"});}function tb_remove() { 	$("#TB_imageOff").unbind("click");	$("#TB_closeWindowButton").unbind("click");	$("#TB_window").fadeOut("fast",function(){$('#TB_window,#TB_overlay,#TB_HideSelect').trigger("unload").unbind().remove();});	$("#TB_load").remove();	if (typeof document.body.style.maxHeight == "undefined") {//if IE 6		$("body","html").css({height: "auto", width: "auto"});		$("html").css("overflow","");	}	document.onkeydown = "";	document.onkeyup = "";	return false;}function tb_position() {$("#TB_window").css({marginLeft: '-' + parseInt((TB_WIDTH / 2),10) + 'px', width: TB_WIDTH + 'px'});	if ( !(jQuery.browser.msie && jQuery.browser.version < 7)) { // take away IE6		$("#TB_window").css({marginTop: '-' + parseInt((TB_HEIGHT / 2),10) + 'px'});	}}function tb_parseQuery ( query ) {   var Params = {};   if ( ! query ) {return Params;}// return empty object   var Pairs = query.split(/[;&]/);   for ( var i = 0; i < Pairs.length; i++ ) {      var KeyVal = Pairs[i].split('=');      if ( ! KeyVal || KeyVal.length != 2 ) {continue;}      var key = unescape( KeyVal[0] );      var val = unescape( KeyVal[1] );      val = val.replace(/+/g, ' ');      Params[key] = val;   }   return Params;}function tb_getPageSize(){	var de = document.documentElement;	var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;	var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;	arrayPageSize = [w,h];	return arrayPageSize;}function tb_detectMacXFF() {  var userAgent = navigator.userAgent.toLowerCase();  if (userAgent.indexOf('mac') != -1 && userAgent.indexOf('firefox')!=-1) {    return true;  }}

Змінено 25 січня 2011 користувачем afwollis

[Ritter]

Спасибо.

[gdi31]

Выполнил всё по инструкции - превращение произошло! Теперь вражеский текст в виде равносторонних прямоугольников. Вопрос: Это только у меня?Если я один такой, помогите пожалуйста!

Змінено 25 січня 2011 користувачем afwollis

[o1m]

Сохраняй в кодировке UTF-8

[gdi31]

Сохраняй в кодировке UTF-8

Перед тем как задать этот вопрос, я уже этот ритуал совершил.

[afwollis]

ритуал это хорошо, но нужен он не всегда =)если "квадритики" после сохранения в utf-8, значит (скорее всего) у вас сайт в cp1251попробуйте сохранить и thickbox в cp1251

[gdi31]

Всё срослось!

-Изменения делал только сохранить забывал :)

За участие всем спасибо!

[madison21]

...заодно можешь поставить последний релиз jquery 1.4.2 - все совместимо!

А подскажи пожалуйста - как поставить новый jquery?

Дело в том, что я ставлю этот файл jquery-1.4.4.min.js вместо jquery-1.3.2.min.js, но при этом скрипт просто перестаёт работать. Просто открывается фотка в новом окне.

Что я не учёл?

[afwollis]

...А подскажи пожалуйста - как поставить новый jquery?...

самому пришлось ставить последнюю доступную версию jQuery из-за необходимости использования jQuery-UI.

изменения проводил только для каталога

catalog/view/theme/default/template/common/header.tpl

<!-- -->
<!--link type="text/css" href="catalog/view/javascript/jquery/jquery-ui/css/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" /-->
<link type="text/css" href="catalog/view/javascript/jquery/jquery-ui/css/custom-theme/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
<!-- -->
<?php //<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.3.2.min.js"></script> ?>
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-ui/js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/thickbox/thickbox-compressed.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/thickbox/thickbox.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/tab.js"></script>

<!-- -->
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-ui/js/jquery-ui-1.8.6.custom.min.js"></script>
<!-- -->

пока полет нормальный. Змінено 25 січня 2011 користувачем afwollis

[supleader]

Я уже в личку ему ответил:roll: Единственное проверяйте все скрипты, так thickbox был не совместим с какой-то версией jquery из одного селектора. А вообще мне тоже не нравится thickbox, будет время - переделаю на lightbox, funcybox или colorbox.

[19th]

будет время - переделаю на funcybox

Там переделывать-то...

• Загружаете архив из вложения.
• Распаковываете его
• Копируете папку fancybox в catalog/view/javascript/jquery/
• Заменяете в catalog/view/theme/ТЕМА/template/common/header.tpl

  <script type="text/javascript" src="catalog/view/javascript/jquery/thickbox/thickbox-compressed.js"></script>
  <link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/thickbox/thickbox.css" />
  

  на

  <script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
  <link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
  <script type="text/javascript">
  $(document).ready(function() {
     $("a.thickbox").attr('rel','group');
     $("a.thickbox img").parent().fancybox({
        'overlayShow' : true,
        'speedIn' : 600,
        'speedOut' : 500,
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'easingIn' : 'easeOutBack',
        'easingOut' : 'easeInBack'
     });       
  });
  </script>
  

• Profit!

jquery.fancybox-1.3.4.zip

[gdemon]

Он спрашивал, где переводятся, а не как :oops:

/catalog/view/javascript/jquery/thickbox/thickbox-compressed.js вот здесь, только он компрессирован, так что просто замени исправленный мной и приведенный ниже код новой версии thickbox, заодно можешь поставить последний релиз jquery 1.4.2 - все совместимо!

Что-то здесь явные ошибки, строки переносятся... (") в одном месте нету...

можете выложить готовый файл?