Здраствуйте умельцы js,помогите в проблеме,есть скрипт который выводит через доп поле в каталоге файлов ucoz картинки актёров:
он работает,всё отлично.Но хочу сделать картинки кликабельные,чтобы при нажатии на картинку актёра выполнялся поиск по данному актёру,что то типа по тегам.Скрипт есть,но вот соединить его с тем что выше не получается.Вот этот скрипт:
Помогите те у кого руки есть,пожалуйста.
| Код |
|---|
<?if($DOCPAGE_URL$)?>
<script type="text/javascript">
String.prototype.translit = (function(){
var L = {
'А':'A','а':'a','Б':'B','б':'b','В':'V','в':'v','Г':'G','г':'g',
'Д':'D','д':'d','Е':'E','е':'e','Ё':'Yo','ё':'yo','Ж':'Zh','ж':'zh',
'З':'Z','з':'z','И':'I','и':'i','Й':'Y','й':'y','К':'K','к':'k',
'Л':'L','л':'l','М':'M','м':'m','Н':'N','н':'n','О':'O','о':'o',
'П':'P','п':'p','Р':'R','р':'r','С':'S','с':'s','Т':'T','т':'t',
'У':'U','у':'u','Ф':'F','ф':'f','Х':'Kh','х':'kh','Ц':'Ts','ц':'ts',
'Ч':'Ch','ч':'ch','Ш':'Sh','ш':'sh','Щ':'Sch','щ':'sch','Ъ':'','ъ':'',
'Ы':'Y','ы':'y','Ь':'','ь':'','Э':'E','э':'e','Ю':'Yu','ю':'yu',
'Я':'Ya','я':'ya'
},
r = '',
k;
for (k in L) r += k;
r = new RegExp('[' + r + ']', 'g');
k = function(a){
return a in L ? L[a] : '';
};
return function(){
return this.replace(r, k);
};
})();
$(function() {
var host = location.protocol + '//' + window.location.hostname;
var actors = $('#actors').text().split(',');
for(i = 0; i < actors.length; i++) {
var temp = actors[i].trim().translit(),
folderLowwer = temp.split(' ')[1].substr(0, 1).toString().toLowerCase(),
folderUpper = temp.split(' ')[1].substr(0, 1).toString().toUpperCase(),
file = temp.split(' ').join('_').toString().toLowerCase();
var srcSmall = host + '/actors/' + folderLowwer + '/' + file + '.jpg';
var srcBig = host + '/actors/' + folderUpper + '/' + file + '.jpg';
if(detect(srcSmall))
$('#actors_wp').append('<img onerror=this.src="' + srcBig + '" src= "' + srcSmall + '" title="' + actors[i].trim() + '">');
else
$('#actors_wp').append('<img onerror=this.src="' + srcSmall + '" src= "' + srcBig + '" title="' + actors[i].trim() + '">');
//img.onerror = function(){alert('картинка не существует')};
}
});
function detect(URL){
var image = new Image();
image.src = URL;
var x = image.onload = function() {
return image.width;
}();
if(x > 0)
return true;
else
return false;
}
</script>
|
| Код |
|---|
<script>
var actors = '$DOCPAGE_URL$'; //поле, где заданы актеры
var actors = actors.split (',');
var links = new Array ();
for (var i = 0; i < actors.length; i++)
{links[i] = '<a href="/search/' + actors[i] + '" style="color: #41658C;text-decoration: underline;">' + actors[i] + '</a>';}
$('.actors').html (links.join (', '));//выводим в нужный div .actors можете заменить на свой класс
</script> |
