Агент алкомафии
Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й
Репутация: нет
Всего: 17
|
нашел отлчиный скрипт top-tip, который позволяет вставить и картинки хотел его использовать в для видео превью при наведении http://vadikom.com/demos/poshytip/ (в самом низу для видео) | Цитата | Loading Flickr Feeds
A more complicated example of loading some Flickr images by tags:
flowers, closeup, sunset, architecture, Plovdiv, old, town, Nesebar, depeche
View plain code
| Код | var flickrFeedsCache = {};
$('#demo-async-flickr > a').poshytip({
className: 'tip-darkgray',
bgImageFrameSize: 11,
alignY: 'bottom',
content: function(updateCallback) {
var rel = $(this).attr('rel');
if (flickrFeedsCache[rel] && flickrFeedsCache[rel].container)
return flickrFeedsCache[rel].container;
if (!flickrFeedsCache[rel]) {
flickrFeedsCache[rel] = { container: null };
var tagsComma = rel.substring(4).replace('-', ',');
$.getJSON('http://api.flickr.com/services/feeds/photos_public.gne?tags=' + tagsComma + '&tagmode=all&format=json&jsoncallback=?',
function(data) {
var container = $('<div/>').addClass('flickr-thumbs');
$.each(data.items, function(i, item) {
$('<a/>')
.attr('href', item.link)
.append($('<img/>').attr('src', item.media.m))
.appendTo(container)
.data('tip', '<strong>' + (item.title || '(no title)') + '</strong><br />by: ' + item.author.match(/\((.*)\)/)[1]);
if (i == 4)
return false;
});
// add tips for the images inside the main tip
container.find('a').poshytip({
content: function(){return $(this).data('tip');},
className: 'tip-yellowsimple',
showTimeout: 100,
alignTo: 'target',
alignX: 'center',
alignY: 'bottom',
offsetY: 5,
allowTipHover: false,
hideAniDuration: 0
});
// store the content in the cache
// and call updateCallback() to update the content in the main tooltip
updateCallback(flickrFeedsCache[rel].container = container);
}
);
}
return 'Loading images...';
}
}); |
|
по-моим тестам только в firefox2-3.6, при которым эти картинки показывается в одну линию, всего картинок превью 15-30 штук и они все в тупую в одну линию в браузере firefox... если посмотреть, проблема, может в том что "что-то" опаздывает (возможно картинки d кэше браузера глючат, если поставить одну картинку, то они строятся нормально!!) короче, фиг его знает исходники, этого top-tip http://vadikom.com/demos/poshytip/src/jquery.poshytip.jsкак я вызывваю: (пробовал все по разному) | Код |
$('[class^=va_news22]').poshytip({
className: 'tip-darkgray',
bgImageFrameSize: 11,
alignY: 'bottom',
NoIgnoreTitle: 666,
content: function(updateCallback) {
var original = $(this).attr('original');
if (flickrFeedsCache[original] && flickrFeedsCache[original].container)
return flickrFeedsCache[original].container;
if (!flickrFeedsCache[original]) {
flickrFeedsCache[original] = { container: null };
$.getJSON('/video/preview_json/'+original,
function(data) {
var container = $('<div/>').addClass('flickr-thumbs');
// $.each(data.items, function(i, item) {
// var imgg = new Array();
// for (var i = 0, len = data.data.length; i < len; i++) {
// imgg[i] = $('<img/>').src('/video_preview/'+original+'/'+data.data[i].id_vfp+'.jpg');
// imgg[i] = new Image();
// imgg[i] = $("<img src='http://www.x0.org.ua/video_preview/"+original+"/"+data.data[i].id_vfp+".jpg' />");
// }
for (var i = 0, len = data.data.length; i < len; i++) {
$('<a/>')
.attr('href', '/video_view/'+original)
.append($('<img/>').attr('src', '/video_preview/'+original+'/'+data.data[i].id_vfp+'.jpg'))
.appendTo(container);
}
// });
// add tips for the images inside the main tip
container.find('a').poshytip({
content: function(){return $(this).data('tip');},
className: 'tip-yellowsimple',
showTimeout: 100,
alignTo: 'target',
alignX: 'center',
alignY: 'bottom',
offsetY: 5,
allowTipHover: false,
hideAniDuration: 0
});
// store the content in the cache
// and call updateCallback() to update the content in the main tooltip
updateCallback(flickrFeedsCache[original].container = container);
}
);
}
return 'Loading images...';
}
}); |
(при наведении на видео слева в панели или по центру там где "Все последние видео клипов:") еще раз: Проблема: по-моим тестам только в firefox2-3.6, при которым эти картинки показывается в одну линию, всего картинок превью 15-30 штук и они все в тупую в одну линию в браузере firefox... |
[jQuery,FF] Video top-tip, very-very-very sexy! странная проблема в Firefox2-3.6 
Загрузка ...
