JQuery gallery - модифициране на изгледа

N

nzhul12

Registered
Така, свалил съм си следната галерия от един сайт и искам да я модифицирам така, че да стои добре на моя сайт.

http://dido.nasibg.info/JQuerySlideGallery/

Галерииката си е грамотна и работи добре, но немога да се ориентирам от къде да махна повтарящият се ред отдолу (трябва да е само един ред с линкове а не два ...), може би е някъде в JavaScript-a, а там хич ме няма. Иначе си я промених с CSS-а там всичко е OK.
Грамотното е, че width и height на изображенията автоматично се настройват някаде в JS-то (баси якото тряя да почна да чета JScript).

Ето кодовете:
http://dido.nasibg.info/JQuerySlideGallery/js/jquery.easing.1.3.js
http://dido.nasibg.info/JQuerySlideGallery/js/jquery.slideviewer.1.1.js
http://dido.nasibg.info/JQuerySlideGallery/js/jquery-1.3.2.min.js
http://dido.nasibg.info/JQuerySlideGallery/style.css

Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Photoshop 4 Web - Web Design tutorials </title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> 
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script> 
<script src="js/jquery.slideviewer.1.1.js" type="text/javascript"></script>
<script src="js/jquery.tooltip.js" type="text/javascript"></script>
<script type="text/javascript"> 
    $(window).bind("load", function() { 
    $("div#mygalone").slideView() 
}); 
</script>
<script type="text/javascript"> 
    $(window).bind("load", function() { 
    $("div#mygalone").slideView({toolTip: true}) 
}); 
</script>
</head>
<div id="gallery_master">
<div id="mygalone" class="svw"> 
    <ul> 
        <li><img src="images/1.jpg" alt="my description for this image" /></li>         
        <li><img src="images/2.jpg" alt="this is my dog..." /></li>         
        <li><img src="images/3.jpg" alt="my dog eating the cat" /></li>         
        <li><img src="images/4.jpg" alt="my r/c helicopter crashing..." /></li>         
        <li><img src="images/5.jpg" alt="my r/c helicopter crashing..." /></li>         
         
    </ul> 
</div> 
</div>

</body>
</html>

Накрая трябва да бутна галерииката тук, но това няма да е проблем :)
 
Ето промени си индекса

да изглежда така !
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Photoshop 4 Web - Web Design tutorials </title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.slideviewer.1.1.js" type="text/javascript"></script>
<script src="js/jquery.tooltip.js" type="text/javascript"></script>
<script type="text/javascript">
    $(window).bind("load", function() {
    $("div#mygalone").slideView()
});
</script>

</head>
<div id="gallery_master">
<div id="mygalone" class="svw">
    <ul>
        <li><img src="images/1.jpg" alt="my description for this image" /></li>         
        <li><img src="images/2.jpg" alt="this is my dog..." /></li>         
        <li><img src="images/3.jpg" alt="my dog eating the cat" /></li>         
        <li><img src="images/4.jpg" alt="my r/c helicopter crashing..." /></li>         
        <li><img src="images/5.jpg" alt="my r/c helicopter crashing..." /></li>         
        
    </ul>
</div>
</div>

</body>
</html>
 
Мерси баце и аз се чудех тоя скрипт за какво е ама като не разбирам Javascript не смея да пипам :)
+1
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе