Witam serdecznie,
Mam mały problem ze swoją stronką: http://goo.gl/tbdXQD
Po najechaniu myszką na samochody powinien się pojawić dymek z galerią... Nie mogę dojść dlaczego zawsze pojawia się "Autko 13" - i dymek pojawia się po najechaniu na każdy element strony....

Powinno to działać tak, że po najechaniu myszką na autka - powinien pojawić się indywidualny dla każdego pojazdu dymek...

Wie ktoś może co mam nie tak?

Bardzo proszę o pomoc,
Northwest

Po 1 Nie można znaleźć skryptu JS który dołączasz:
bb_fbslider.js

i wyrzuca błędy popraw to i będziemy dalej patrzeć.

Ale sam popatrz. Klikając w chromie albo mozilla ff klawisz "F12" masz debuger JS

posprzątałem te błędy i dalej jest problem.... zawsze załącza się ostatni dymek - zamiast pierwszego i jakby częściowo "chowa się"

Jak juz pisalem na PW, pokaz kod odpowiedzialny za dymki

A po drugie, ty zajezdzasz serwer i nasze przeglądarki i nasz transfer...... Nigdy nie slyszales o tym, ze do wyswietlania miniatur tworzy sie miniatury? A Ty zamiast tego w miniaturach wyswietlasz normalne zdjecia, tylko "zmuszasz" przegladarke by wyswietlala je jako malo poprzez narzucenie wyswietlanego rozmiaru.... No tak sie nie robi :/
Strona się ładuje koszmarnie długo a jej rozmiar to ponad 10MB! To jakiś koszmar.

Dziękuję za uwagę z tymi miniaturkami przeoczyłem to
Mam tam taki kod do wyświetlania dymków:

[HTML] pobierz, plaintext 
<style>
.bubbleInfo1 {
    position: relative;
}
.popup1 {
    position: absolute;
    display: none; 
    background-color:rgb(206, 205, 199);
    max-width:432px;
    z-index:9999;
    border: 1px solid black;
}
.thumb1{
	width:100px;
	height:70px;
	padding-top:3px;
	float:left;
	background-color:rgb(243, 243, 234);
	text-align:center;
    float: left;
    padding-left:3px;
    margin-bottom:3px;
}
.bubbleInfo2 {
    position: relative;
}
.popup2 {
    position: absolute;
    display: none; 
    background-color:rgb(206, 205, 199);
    max-width:432px;
    z-index:9999;
    border: 1px solid black;
}
.thumb2{
	width:100px;
	height:70px;
	padding-top:3px;
	float:left;
	background-color:rgb(243, 243, 234);
	text-align:center;
    float: left;
    padding-left:3px;
    margin-bottom:3px;
}
</style>
<script>
$('.bubbleInfo1').each(function () {
    var distance = 5;
    var time = 250;
    var hideDelay = 250;
    var hideDelayTimer = null;
    var beingShown = false;
    var shown = false;
    var trigger = $('.trigger1', this);
    var popup = $('.popup1', this).css('opacity', 0);
    $([trigger.get(0), popup.get(0)]).mouseover(function () {
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;
        popup.css({
          top: -450,
          left: 33,
          display: 'block' 
        })
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          shown = false;
          popup.css('display', 'none');
        });
      }, hideDelay);
    });
  });
 
  $('.bubbleInfo2').each(function () {
    var distance = 5;
    var time = 250;
    var hideDelay = 250;
    var hideDelayTimer = null;
    var beingShown = false;
    var shown = false;
    var trigger = $('.trigger2', this);
    var popup = $('.popup2', this).css('opacity', 0);
    $([trigger.get(0), popup.get(0)]).mouseover(function () {
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;
        popup.css({
          top: -450,
          left: 33,
          display: 'block' 
        })
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          shown = false;
          popup.css('display', 'none');
        });
      }, hideDelay);
    });
  });
 
$(document).ready(function(){
		$('.thumb1').paulund_image_gallery1();
		$('.thumb2').paulund_image_gallery2();
	});
</script>
 
<div class="auta1 trigger1">
<div class="auta1a"> 
<a  href="/cars/details/id/747"><img  class="mape" src="/1612fa23b90ca967d3c256bdf1829f1c.jpg" width="149" height="100" ></a>
					<a href="/cars/details/id/747"><img src="/images/tlo3.gif" alt=""></a>
                    </div>
                    <div class="auta1b">
                        <p><a href="/cars/details/id/747"><font color="black"><strong>Alfa Romeo 156 Dwa&hellip;</strong></font></a><br>
                            <a href="/cars/details/id/747"><font color="black">rok produkcji: 2005 r.</a></font><br>
                            <a href="/cars/details/id/747" ><font  color="black">przebieg: 147000</a></font><br>
                            <a href="/cars/details/id/747"><font color="black">cena: </font><b><font color="red">11900,00 <span>zł</span></b></a></font></p>
                    </div>
                </div>
                <div class="bubbleInfo1">
  <div class="popup1">
  <div style="margin-left:15px;margin-top:15px;color:black;font-size:16px;width:100%;margin-right:15px;margin-bottom:10px">Alfa Romeo 156 Dwa komplety kół ! </div>
	<div style="margin-top:0px;margin-left:7px;width:150px;height:20px;background-color:#FF0101;font-size:14px;color:white;padding-left:15px;padding-top:5px">cena: 11900,00 zł</div>
	<div class="gallery">
	<div class="main_image1" style="margin-bottom:10px;width:100%;max-height:360px;background-color:rgb(243, 243, 234);padding-top:5px;text-align:center;float: left;">
		<img src="/1612fa23b90ca967d3c256bdf1829f1c.jpg" style="width:100%"/>
	</div>
	<div class="selection_image" style="text-align:center;margin: 0 auto;">
		<div class="thumb1" style="margin-left:4px;">
    		<div class="overlay"></div>
    		<img src="/1612fa23b90ca967d3c256bdf1829f1c.jpg" style="width:100px;max-height:70px;float:left"/>
		</div>
		<div class="thumb1" style="margin-left:4px;">
    		<div class="overlay"></div>
    		<img src="/97dc4bd422c89ca98249cd79461df707.jpg" style="width:100px;max-height:70px;float:left"/>
		</div>
		<div class="thumb1" style="margin-left:4px;">
    		<div class="overlay"></div>
    		<img src="/0ec26d5dd7aa527a1d1feec922d7f7b4.jpg" style="width:100px;max-height:70px;float:left"/>
		</div>
		<div class="thumb1" style="margin-left:4px;">
    		<div class="overlay"></div>
    		<img src="/704c883645ba52b501f8f20cc0c1582c.jpg" style="width:100px;max-height:70px;float:left"/>
		</div> 
		<div class="thumb1" style="margin-left:4px;">
    		<div class="overlay"></div>
    		<img src="/68a9ad9cf23aabf34172aea57ac614f6.jpg" style="width:100px;max-height:70px;float:left"/>
		</div> 
		<div class="thumb1" style="margin-left:4px;">
    		<div class="overlay"></div>
    		<img src="/d102e73ce9d8119df9415152315953e8.jpg" style="width:100px;max-height:70px;float:left"/>
		</div>	 
		<div class="thumb1" style="margin-left:4px;">
    		<div class="overlay"></div>
    		<img src="/b1aa8773bf026f49f5311eb860a8a552.jpg" style="width:100px;max-height:70px;float:left"/>
		</div> 
		<div class="thumb1" style="margin-left:4px;">
    		<div class="overlay"></div>
    		<img src="/1b3291c1e7401c0f28605c0b409644e5.jpg" style="width:100px;max-height:70px;float:left"/>
		</div>	 
		<div class="thumb1" style="margin-left:4px;">
    		<div class="overlay"></div>
    		<img src="/5551ff16cf6645450b34486eae2e1477.jpg" style="width:100px;max-height:70px;float:left"/>
		</div>	 
		<div class="thumb1" style="margin-left:4px;">
    		<div class="overlay"></div>
    		<img src="/02384d7815fecaadc347178b14b1db7f.jpg" style="width:100px;max-height:70px;float:left"/>
		</div>				
	</div>
	</div>
  </div>
</div> 
        <div class="auta1 trigger2">
                    <div class="auta1a"> 
<a  href="/cars/details/id/601"><img  class="mape" src="/acab3b2b6ca5f043c8bb84b8c83bb159.jpg" width="149" height="100" ></a>
                   					<a href="/cars/details/id/601"><img src="/images/tlo3.gif" alt=""></a>
                    </div>   
                    <div class="auta1b">
                        <p><a href="/cars/details/id/601"><font color="black"><strong>Alfa Romeo 156 Zarejestrowana,Okazja&hellip;</strong></font></a><br>
                            <a href="/cars/details/id/601"><font color="black">rok produkcji: 1998 r.</a></font><br>
                            <a href="/cars/details/id/601" ><font  color="black">przebieg: 286307</a></font><br>
                            <a href="/cars/details/id/601"><font color="black">cena: </font><b><font color="red">2900,00 <span>zł</span></b></a></font></p>
                    </div>
                </div>
 
[HTML] pobierz, plaintext 

ma ktoś może pomysł jak naprawić ten problem?

Bardzo proszę o pomoc,
Northwest

Koszmar, koszmar i jeszcze raz koszmar.....
Juz dawno nie widzialem tak koszmarnego kodu. Powtarzasz wszystko tyle razy ile masz "miniatur" przez co kod puchnie niesamowicie....

Wracajac do problemu

var trigger = $('.trigger13', this);
Po co tam dajesz THIS? Czemus to mialo sluzyc? Wywal to.
Ma byc
var trigger = $('.trigger13');
analogicznie reszta.

dziękuję, działa zdecydowanie lepiej

A da się zrobić tak, żeby hint był zawsze po prawej stronie kursora?
Teraz przy dolnych dymkach wyskakuje jakoś dziwnie

Dziękuję bardzo za pomoc

Pobierz wspolrzedne cursora i diva ustawiaj obok.

tzn mam tam zrobione div na którym jest kursor i później:
top: 100,
left: 33,

tylko właśnie nie działa mi to za bardzo

dziękuję za pomoc

top: 100,
left: 33,
To jest przypisanie pozycji na stale.
A ja chyba wyraznie napisalem, ze pozycje masz ustawlic na podstawie wspolrzednych cursora.

Dziękuję za pomoc
Jest prawie idealnie!!
Miałeś bardzo dobry pomysł z tymi współrzędnymi!! Nie zawsze to działa poprawnie... czasami jakby za bardzo w "lewo" są to okienka...
to tak musi być?

Kurcze, bardzo długo nad tym siedziałem i nie mogłem sobie poradzić. Jeszcze raz dziękuje za pomoc


ps. czemu ten dymek "chowa" się "pod stronę"?

Chowa ci sie, bo dla diva AUTA dales taki styl
overflow:hidden

Sam nadajesz takie rzeczy, a potem sie dziwisz, ze dziala jak kazesz...

dziękuję bardzo

jest już wszystko oki

Tak z ciekawości, dlaczego czasami odległość od kursora do dymka jest różna?

Raczej niemozliwe.... jesli ustalasz stałą roznice to raczej powinna byc stala a nie zmienna. No chyba ze szybko lecisz kursorem i znowu sie dziwisz....