Jump to content


gaumarjoT es vinmem miTxariT rogor gavaketo


  • დახურული თემა ეს თემა დახურულია
8 replies to this topic

#1 Guest_GIO_XECO_*

Guest_GIO_XECO_*
  • სტუმრები

Posted 21 January 2010 - 01:25 PM

აი ეს სკრიპტი ან როორ გავეაკეთო მითხარით ფლს http://s002.radikal....640e0a8b772.jpg

#2 Rimati

Rimati

    Новичок

  • ადმინისტრატორი
  • 915 პოსტები:

Posted 21 January 2010 - 02:13 PM

დაურეგისტრირებელი მომხმარებლების თხოვნები არ სრულდება + სურათიდან სკრიპტი როგორ მოგცე დაწერე საიტი და მოვტეხავ იქედან

#3 lu9821

lu9821

    სუპერ მომხმარებელი

  • მომხმარებლები
  • PipPipPip
  • 101 პოსტები:

Posted 21 January 2010 - 02:24 PM

ვიცი ეგ,დარეგისტრირდი და დავწერ... ოღონდ აქ დაწერე რომ დარეგისტრირდი :D

#4 lu9821

lu9821

    სუპერ მომხმარებელი

  • მომხმარებლები
  • PipPipPip
  • 101 პოსტები:

Posted 21 January 2010 - 02:47 PM

კაი სკრიპტს ეხლა მოგცემ,მერე არ მეცლება... და დარეგისტრირდი იცოდე , ესეიგი:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>

 <td>
<script type="text/javascript">

$(document).ready(function() {
 
 //Execute the slideShow
 slideShow();

});

function slideShow() {

 //Set the opacity of all images to 0
 $('#gallery a').css({opacity: 0.0});
 
 //Get the first image and display it (set it to full opacity)
 $('#gallery a:first').css({opacity: 1.0});
 
 //Set the caption background to semi-transparent
 $('#gallery .caption').css({opacity: 0.7});

 //Resize the width of the caption according to the image width
 $('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
 
 //Get the caption of the first image from REL attribute and display it
 $('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
 .animate({opacity: 0.7}, 400);
 
 //Call the gallery function to run the slideshow, 8000 = change to next image after 8 seconds
 setInterval('gallery()',8000);
 
}

function gallery() {
 
 //if no IMGs have the show class, grab the first image
 var current = ($('#gallery a.show')? $('#gallery a.show') : $('#gallery a:first'));

 //Get next image, if it reached the end of the slideshow, rotate it back to the first image
 var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));
 
 //Get next image caption
 var caption = next.find('img').attr('rel');
 
 //Set the fade in effect for the next image, show class has higher z-index
 next.css({opacity: 0.0})
 .addClass('show')
 .animate({opacity: 1.0}, 1000);

 //Hide the current image
 current.animate({opacity: 0.0}, 1000)
 .removeClass('show');
 
 //Set the opacity to 0 and height to 1px
 $('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });
 
 //Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
 $('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '100px'},500 );
 
 //Display the content
 $('#gallery .content').html(caption);
 
 
}

</script>

<table width="400">
<tr>
<td>
<div id="gallery" class="border">

<a href="აქ სრულიად ნახვა სიახლეზე">
 <img src="აქ პოსტერი" alt="სათაური " width="505" height="158" title="" alt="" rel="<h3>სათაური </h3>აქ აღწერა"/>
 </a>

და ეს არის სიახლის,ანუ რამდენი ეგეთი სურათი და აღწერა გინდა აი , ანუ შენ რომ დადე რამდენი ისეთი გინდა რომ გამოჩნდეს დააკოპირებ ამ სკრიპტს და რამდენი სიახლეც გინდა ისე დაამატებ ზემოთ სკრიპტის დახმარებით,ეს ქვემოთ მაგალითი მოვიყვანე რომ გაიგო და ნაწერების მაგივრად რაც წერია ის დაწერე,მემგონი მიხვდი....

<a href="სრულიად ნახვა">
<img src="პოსტერი" alt="სათაური " width="505" height="158" title="" alt="" rel="<h3>სათაური </h3>აღწერა"/>
</a>

#5 lu9821

lu9821

    სუპერ მომხმარებელი

  • მომხმარებლები
  • PipPipPip
  • 101 პოსტები:

Posted 21 January 2010 - 02:51 PM

ეს კი ჩაწერე css - ში იმ პოსტში არ დამეტია...

#gallery {
 position:relative;
 height:300px
}
 #gallery a {
 float:left;
 position:absolute;
 }
 
 #gallery a img {
 border:none;
 }
 
 #gallery a.show {
 z-index:500
 }

 #gallery .caption {
 z-index:600; 
 background-color:#000; 
 color:#ffffff; 
 height:100px; 
 width:100%; 
 position:absolute;
 bottom:0;
 }

 #gallery .caption .content {
 margin:5px
 }
 
 #gallery .caption .content h3 {
 margin:0;
 padding:0;
 color:#1DCCEF;
 }


#6 GIO_XECO

GIO_XECO

    სუპერ მომხმარებელი

  • VIP*
  • PipPipPip
  • 210 პოსტები:

Posted 21 January 2010 - 03:00 PM

დარეგისტრირებული ვიყავი უბრალოდ შესული არ ვყოფილვარ
გაიხარე სპასიბა

#7 GIO_XECO

GIO_XECO

    სუპერ მომხმარებელი

  • VIP*
  • PipPipPip
  • 210 პოსტები:

Posted 21 January 2010 - 03:03 PM

ზმა ეს კოდი სად ჩავწერო?

<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>

 <td>
<script type="text/javascript">

$(document).ready(function() {
 
 //Execute the slideShow
 slideShow();

});

function slideShow() {

 //Set the opacity of all images to 0
 $('#gallery a').css({opacity: 0.0});
 
 //Get the first image and display it (set it to full opacity)
 $('#gallery a:first').css({opacity: 1.0});
 
 //Set the caption background to semi-transparent
 $('#gallery .caption').css({opacity: 0.7});

 //Resize the width of the caption according to the image width
 $('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
 
 //Get the caption of the first image from REL attribute and display it
 $('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
 .animate({opacity: 0.7}, 400);
 
 //Call the gallery function to run the slideshow, 8000 = change to next image after 8 seconds
 setInterval('gallery()',8000);
 
}

function gallery() {
 
 //if no IMGs have the show class, grab the first image
 var current = ($('#gallery a.show')? $('#gallery a.show') : $('#gallery a:first'));

 //Get next image, if it reached the end of the slideshow, rotate it back to the first image
 var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));
 
 //Get next image caption
 var caption = next.find('img').attr('rel');
 
 //Set the fade in effect for the next image, show class has higher z-index
 next.css({opacity: 0.0})
 .addClass('show')
 .animate({opacity: 1.0}, 1000);

 //Hide the current image
 current.animate({opacity: 0.0}, 1000)
 .removeClass('show');
 
 //Set the opacity to 0 and height to 1px
 $('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });
 
 //Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
 $('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '100px'},500 );
 
 //Display the content
 $('#gallery .content').html(caption);
 
 
}

</script>

<table width="400">
<tr>
<td>
<div id="gallery" class="border">

<a href="აქ სრულიად ნახვა სიახლეზე">
 <img src="აქ პოსტერი" alt="სათაური " width="505" height="158" title="" alt="" rel="<h3>სათაური </h3>აქ აღწერა"/>
 </a>



და თუ მინდა რომ სლაიდ შოუს პონტი იყოს აი როორც ონლინეზონა.გე ზე მაგეთ პონთში ესე უნდა თუ როგორ?

#8 lu9821

lu9821

    სუპერ მომხმარებელი

  • მომხმარებლები
  • PipPipPip
  • 101 პოსტები:

Posted 21 January 2010 - 03:04 PM

ეს სკრიპტი ჩასვი სასურველ ადგილას,და სლაიდშოუ რომ იყოს თუ რამდენი სიახლე გინდა ზემოთ წერია და ნახე....

#9 HiPP

HiPP

    ახალბედა

  • მომხმარებლები
  • PipPipPip
  • 91 პოსტები:
  • ГородTbilisi

Posted 21 January 2010 - 04:27 PM

სგ კაია დაეხმარა უკვე ამ კაცს ლუ და დავხურავ ეხლა ვინმეს თუ უნდა ნახავს სკრიპტს




0 მომხმარებელი კითხულობს თემას

0 მომხმარებელი, 0 სტუმარი, 0 ანონიმური წევრი

rskrutka