JS за новини на дата.бг

Z

Zion

Registered
Някой може ли да ми даде скрипта за новини на дата.бг Знам че имаше подобно в dynamicdrive но там не е с такъв дизайн. Искам същия като на дата :)
 
нали знаеш че сайта на дата.бг са го правели истински програмист и че нема как да разбереш скрипта сори ама нестава поне според мен ако греша извинявам се
 
Виж http://bet-earn.net/ скрипта е същия. Щом и те са го направили значи може да се направи!
 
не се лажи не е точно сащия аз сащо го тарся ама от доста време немога да го намеря отказах се защото от форуми ми писаха че не става
 
Ами ако искаш мога да ти докажа, че става. Само да се освободя малко и ще си го направя същия скрипт. Те използват jQuery за тяхния. Поне така си мисля.

А относно заоблените ъгли е много лесно.
Правиш 3 ДИВ-а и ги нагласяш да са един под друг. Ако не знаеш как прочети малко за CSS.

----div edno----
---- div dve ----
---- div tri ----

edno и tri не се разпъват и са с background-repeat: no repeat;
За edno задаваш съответната картинка с горните ъгли пример
obli_edno.jpg

а за tri
obli_tri.jpg


dve го правиш без зададени височина и без background-repeat: no repeat;
като му зададеш картинката която се повтаря в средата на блокчето
пример
obli_dve.jpg


и сега се получава нещо от сорта

obli_edno.jpg

obli_dve.jpg

obli_tri.jpg

но разбирасе без разстоянието между тях и средата се повтаря надоло колкото искаш... :)

Дано си ме разбрал. Сега се опитай сам а ако не успееш ще ти напиша целия код със CSS-a.

И ако някой може да ми каже от къде да си взема скрипта за новините да каже, благодаря предварително :)
 
Има едно копченце, View Source :)
ако го цъкнеш ще намериш структирата
Малко по-надолу в кода намираш и js-a за него
http://www.data.bg/js/i.js
Стила му е в един от цсс-ите

Код: 
$(document).ready(function() {
  $('.hotspot').hover(
    function() {
      clearInterval(rotator);
      idx = $('.hotspot').index(this);
      old = $('.hotspot').index(this);
      $('#hot_img').css('background-image', 'url('+ $('#hotspot_'+ idx +'_img').attr('src') +')');
      $('#hot_title').attr('href', $('#hotspot_'+ idx +'_url').html());
      $('#hot_title').html($('.hotspot:eq('+ idx +') > b').html());
      $('#hot_text').html($('#hotspot_'+ idx +'_text').html());
      $('.onfeatitem').removeClass('onfeatitem');
      $(this).addClass('onfeatitem');
    },
    function() {
      rotator = setInterval(hotspot, 3000);
    }
  );
  
  all = $('.hotspot').size();
  rotator = setInterval(hotspot, 3000);
  
  $('.hotspot').click(function() { $(this).blur(); });
});

function hotspot() {
  current = (old + 1) % all;
  $('.hotspot:eq('+ old +')').removeClass('onfeatitem');
  $('.hotspot:eq('+ current +')').addClass('onfeatitem');
  idx = $('.hotspot').index($('.hotspot:eq('+ current +')'));
  // alert(idx);
  $('#hot_img').fadeTo('slow', 0.33, function() {
    $('#hot_img').css('background-image', 'url('+ $('#hotspot_'+ idx +'_img').attr('src') +')');
    $('#hot_img').fadeTo('slow', 1, function() {
    });
  });
  $('#hot_title').attr('href', $('#hotspot_'+ idx +'_url').html());
  $('#hot_title').html($('.hotspot:eq('+ idx +') > b').html());
  $('#hot_text').html($('#hotspot_'+ idx +'_text').html());
  old = current;
}
 
alex95_bg_2 каза:
Има едно копченце, View Source :)
ако го цъкнеш ще намериш структирата
Малко по-надолу в кода намираш и js-a за него
http://www.data.bg/js/i.js
Стила му е в един от цсс-ите
Увеличете...
Ами да, но не искам да крадъ. Предположих че може да има подобен някъде готов и просто да го променя... но в краен случай така ще е :D
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе