Здраствуйте умельцы 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> |