Ja va s c riptli Orta Blok

Hekim_oglu · Mesaj: 300+ Kayıt: Jul 02, 2006 Mesajlar: 351 Konum: Gaziantep

Merhaba arkadaşlar,
Javascriptli Resim slaydını siteme orta blok olarak eklemek istiyorum.
bildiğim tüm yöntemleri denedim..
arama yaptım yazılan bir kaç konu var onları da denedim ama olmuyor..
Ne yaptıysam olmadı..

normal olarak blok kodlarına aşağıdaki şekilde olması gerekirdi..

Bu Site Google Adsense ile Gelir Elde Ediyor · Tarih: 2024-06-16, 08:04:53 Mesaj konusu: Forum Arası Reklamlar

melik · Tarih: 2008-01-23, 16:08:23 Mesaj konusu:

$content='<BODY onload="Carousel()">
<script type="text/j a v a s c r i p t">

/***********************************************
* Carousel Slideshow script- © Ger Versluis 2003
* Permission granted to DynamicDrive.com to feature script
* This notice must stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

/********************************************************
Create a div with transparent place holder in your html
<div id="Carousel" style="position:relative">
<img src="placeholder.jpg" width="404" height="202">
</div>
placeholder width:
4 sided: 1.42 * carousel image width + 3
6 sided: 2 * carousel image width +4
8 sided: 2.62 * carousel image width + 5
12 sided: 3.87 * carousel image width + 7
placeholder height:
carousel image height+2

Insert onload in body tag
<body onload="Carousel()">
*********************************************************/

// 7 variables to control behavior
var Car_Image_Width=140;
var Car_Image_Height=200;
var Car_Border=true; // true or false
var Car_Border_Color="white";
var Car_Speed=4;
var Car_Direction=true; // true or false
var Car_NoOfSides=8; // must be 4, 6, 8 or 12

/* array to specify images and optional links.
For 4 sided carousel specify at least 2 images
For 6 sided carousel specify at least 3
For 8 sided carousel specify at least 4
For 12 sided carousel specify at least 6
If Link is not needed keep it ""
*/
Car_Image_Sources=new Array(
"http://batmanbilgisayar.net/images/blockanareklam/1.jpg","",
"http://batmanbilgisayar.net/images/blockanareklam/2.jpg","",
"http://batmanbilgisayar.net/images/blockanareklam/3.jpg","",
"http://batmanbilgisayar.net/images/blockanareklam/4.jpg","",
"http://batmanbilgisayar.net/images/blockanareklam/5.jpg","",
"http://batmanbilgisayar.net/images/blockanareklam/6.jpg","",
"http://batmanbilgisayar.net/images/blockanareklam/7.jpg","",
"http://batmanbilgisayar.net/images/blockanareklam/8.jpg","",
"http://batmanbilgisayar.net/images/blockanareklam/9.jpg","",
"http://batmanbilgisayar.net/images/blockanareklam/10.bmp",""
);

/***************** DO NOT EDIT BELOW **********************************/
CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
C_Coef=new Array(
3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4, 0,
Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
C_Pre_Img=new Array(Car_Image_Sources.length);
var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

function Carousel(){
if(document.getElementById){
for(i=0;i<Car_Image_Sources.length;i+=2){
C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]}
C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;
Car_Div=document.getElementById("Carousel");
for(i=0;i<C_HalfNo;i++){
CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);
CW_I[i].style.position="absolute";
CW_I[i].style.top=0+"px";
CW_I[i].style.height=Car_Image_Height+"px";
if(Car_Border){
CW_I[i].style.borderStyle="solid";
CW_I[i].style.borderWidth=0+"px";
CW_I[i].style.borderColor=Car_Border_Color}
CW_I[i].src=Car_Image_Sources[2*i];
CW_I[i].lnk=Car_Image_Sources[2*i+1];
CW_I[i].onclick=C_LdLnk;
CW_I[i].onmouseover=C_Stp;
CW_I[i].onmouseout=C_Rstrt}
CarImages()}}

function CarImages(){
if(!C_Stppd){
C_TotalW=0;
for(i=0;i<C_HalfNo;i++){
C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);
C_TotalW+=C_ClcW[i]}
C_LeftOffset=(C_MaxW-C_TotalW)/2;
for(i=0;i<C_HalfNo;i++){
CW_I[i].style.left=C_LeftOffset+"px";
CW_I[i].style.width=C_ClcW[i]+"px";
C_LeftOffset+=C_ClcW[i]}
C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);
if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){
if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;
if(Car_Direction){
CW_I[C_HalfNo]=CW_I[0];
for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1];
CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];
CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}
else{ for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1];
CW_I[0]=CW_I[C_HalfNo];
CW_I[0].src=Car_Image_Sources[C_CrImg];
CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}
C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}
setTimeout("CarImages()",50)}

function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}
function C_Rstrt(){C_Stppd=false}
</script>
<div id="Carousel" style="position:relative; width:374; height:231">
 </div>';

sanırım böyle olur..

Hekim_oglu · Tarih: 2008-01-23, 16:16:26 Mesaj konusu:

Melik kardeş yazdıgın şekilde de denedim :S
olmadı ama..
şimdi yine denedim olmadı..

blok olarak yazdıgın şekilde hazırlayıp siteye ekledim normal bloklar gibi olmuyor..
içi boş olarak duruyor..
resimler ve scripte yazdığım linkler doğru yerde..

tek sorun blok olarak eklenmiyor

başka yolu yok mu?

Fikri74 · Mesaj: 50+ Kayıt: May 10, 2006 Mesajlar: 93

j a v a s c r i p t kodlarını Not Defteri'ne yapıştırın. Blok ebatlarını ayarlayıp, koyacağınız fotoğrafların yolunu yazın. isim.html olarak kaydedin ve root'a ana dizine atın. Sonra yönetim panelinden bloklara girip içerik kutusuna i f r a m e kodlarını yazın ve sayfanızın durumuna göre alt veya üst orta konumunu seçin. Block Yarat butonunu tıklayın.

Hekim_oglu · Tarih: 2008-01-26, 19:52:33 Mesaj konusu:

Arkadaşlar ne yazık ki hala olmadı..

Blok olarak olmadı..

Fikri dediğin şekilde de olmadı..

html dosyasına yazı resim ne eklesem i f r a m e yapınca anasayfada görünüyor sadece j a v a s c r i p t le hazırladığım slayt görunmuyor..

Html yerine php olarak ekledim j a v a s c r i p t kodlarını yine boş sayfa gösteriyor..

Sorun nerde olabilir ?

mersoy · Mesaj: 1000+ Kayıt: Dec 08, 2007 Mesajlar: 2316

sitemde kullandığım slayt foto galeri var

dilerseniz kodları burda

Hekim_oglu · Tarih: 2008-01-26, 21:28:09 Mesaj konusu:

mersoy sitene baktım da benim slayt gösterisi biraz daha farklı..

benim de java script ama bir turlu olmuyor..

Sen bu kodları nasıl blok olarak yayınladın ?

blogunu paylaşabilirmisin benle ?

teşekkür ederim..

mersoy · Mesaj: 1000+ Kayıt: Dec 08, 2007 Mesajlar: 2316

yukarıdaki kodları slayt.html olarak kaydettim. Bu dosyanın içinde resmin yolunu belirttim.

yeni blok oluşturdan blok içine aşağıdaki kodları yazdığınızda gözükmesi gerekir.

Bu Site Google Adsense ile Gelir Elde Ediyor · Tarih: 2024-06-16, 08:04:53 Mesaj konusu: Forum Arası Reklamlar

Fikri74 · Mesaj: 50+ Kayıt: May 10, 2006 Mesajlar: 93

Bir de resim adresinden "http://batmanbilgisayar.net/" şeklindeki site adını kaldırıp deneyin.