Sageata care duce imaginea in sus

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Sageata care duce imaginea in sus

Mesaj Scris de draky123 la data de Dum 19 Dec - 16:14

Salut!
Cum pot pune pe forum o sageata, pe care daca dai click iti duce imaginea in sus?Care este scriptul?
Imagine : [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

draky123
Membru Forumgratuit

Mesaje : 33
Varsta : 19
Localizare : Nici eu nu stiu
Data de inscriere : 19/12/2010
Multumiri : 0
Niciun avertisment

http://ght-entertaiment.forumz.ro

Sus In jos

Rezolvat Re: Sageata care duce imaginea in sus

Mesaj Scris de AGent la data de Dum 19 Dec - 22:22

Trebuie doar sa folosesti functia onclick, mai exact asta:
Cod:
onclick="$('html,body').animate({scrollTop: $('#top').offset().top}, 2000);"

edit: puteai de asemenea sa folosesti cautarea inainte de a posta: [Trebuie sa fiti inscris si conectat pentru a vedea acest link] Fericit

AGent
Membru Forumgratuit

masculin

Mesaje : 60
Varsta : 21
Localizare : Bucuresti
Data de inscriere : 26/05/2010
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Sageata care duce imaginea in sus

Mesaj Scris de draky123 la data de Dum 19 Dec - 22:44

am cautat....dar nu reusesc...nici acum nu imi apare

draky123
Membru Forumgratuit

Mesaje : 33
Varsta : 19
Localizare : Nici eu nu stiu
Data de inscriere : 19/12/2010
Multumiri : 0
Niciun avertisment

http://ght-entertaiment.forumz.ro

Sus In jos

Rezolvat Re: Sageata care duce imaginea in sus

Mesaj Scris de Ryuzaki-L la data de Dum 19 Dec - 22:48

Pui acest Cod in CSS :

Cod:
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library ([Trebuie sa fiti inscris si conectat pentru a vedea acest link]
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/



var scrolltotop={
  //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  controlHTML: '<img src="LINK IMAGINE SAGEATA" style="width:48px; height:48px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
  anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

  state: {isvisible:false, shouldvisible:false},

  scrollup:function(){
      if (!this.cssfixedsupport) //if control is positioned using JavaScript
        this.$control.css({opacity:0}) //hide control immediately after clicking it
      var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
      if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
        dest=jQuery('#'+dest).offset().top
      else
        dest=0
      this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  },

  keepfixed:function(){
      var $window=jQuery(window)
      var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
      var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
      this.$control.css({left:controlx+'px', top:controly+'px'})
  },

  togglecontrol:function(){
      var scrolltop=jQuery(window).scrollTop()
      if (!this.cssfixedsupport)
        this.keepfixed()
      this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
      if (this.state.shouldvisible && !this.state.isvisible){
        this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
        this.state.isvisible=true
      }
      else if (this.state.shouldvisible==false && this.state.isvisible){
        this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
        this.state.isvisible=false
      }
  },
 
  init:function(){
      jQuery(document).ready(function($){
        var mainobj=scrolltotop
        var iebrws=document.all
        mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
        mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
        mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
            .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
            .attr({title:'Scroll Back to Top'})
            .click(function(){mainobj.scrollup(); return false})
            .appendTo('body')
        if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
            mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
        mainobj.togglecontrol()
        $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
            mainobj.scrollup()
            return false
        })
        $(window).bind('scroll resize', function(e){
            mainobj.togglecontrol()
        })
      })
  }
}

scrolltotop.init()

Vezi ca in cod e Link Imagine sageata, pui imaginea dorita.

Ryuzaki-L
Membru Forumgratuit

Mesaje : 47
Data de inscriere : 30/11/2010
Multumiri : 0
Membru exclus

http://high-definition.forumgratuit.ro/forum

Sus In jos

Rezolvat Re: Sageata care duce imaginea in sus

Mesaj Scris de Vizitato la data de Dum 19 Dec - 22:53

Ryuzaki-L, codul dat de tine nu are ce cauta in foaia de stil CSS, nu va da decat erori.

Vizitato
Vizitator


Sus In jos

Rezolvat Re: Sageata care duce imaginea in sus

Mesaj Scris de draky123 la data de Dum 19 Dec - 22:54

....ma miram eu....deci ce script trebuie Supărat?

draky123
Membru Forumgratuit

Mesaje : 33
Varsta : 19
Localizare : Nici eu nu stiu
Data de inscriere : 19/12/2010
Multumiri : 0
Niciun avertisment

http://ght-entertaiment.forumz.ro

Sus In jos

Rezolvat Re: Sageata care duce imaginea in sus

Mesaj Scris de Vizitato la data de Dum 19 Dec - 22:56


Vizitato
Vizitator


Sus In jos

Rezolvat Re: Sageata care duce imaginea in sus

Mesaj Scris de draky123 la data de Dum 19 Dec - 22:57

il stiu si pasta dar unde sa il pun? anunturi?

draky123
Membru Forumgratuit

Mesaje : 33
Varsta : 19
Localizare : Nici eu nu stiu
Data de inscriere : 19/12/2010
Multumiri : 0
Niciun avertisment

http://ght-entertaiment.forumz.ro

Sus In jos

Rezolvat Re: Sageata care duce imaginea in sus

Mesaj Scris de Ryuzaki-L la data de Dum 19 Dec - 22:59

Atunci scuzele mele wisdom dar e html si nu se baga in panou de administrare- > afisare -> general ?

Ryuzaki-L
Membru Forumgratuit

Mesaje : 47
Data de inscriere : 30/11/2010
Multumiri : 0
Membru exclus

http://high-definition.forumgratuit.ro/forum

Sus In jos

Rezolvat Re: Sageata care duce imaginea in sus

Mesaj Scris de AGent la data de Dum 19 Dec - 23:06

Acela este un cod JavaScript. Nu e nici HTML si nici CSS.

edit: uita-te la ce a spus DarkAngel in acel topic.


Ultima editare efectuata de catre AGent in Dum 19 Dec - 23:08, editata de 1 ori

AGent
Membru Forumgratuit

masculin

Mesaje : 60
Varsta : 21
Localizare : Bucuresti
Data de inscriere : 26/05/2010
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Sageata care duce imaginea in sus

Mesaj Scris de draky123 la data de Dum 19 Dec - 23:07

pai si unde il pun? in anunturi nu merge...

draky123
Membru Forumgratuit

Mesaje : 33
Varsta : 19
Localizare : Nici eu nu stiu
Data de inscriere : 19/12/2010
Multumiri : 0
Niciun avertisment

http://ght-entertaiment.forumz.ro

Sus In jos

Rezolvat Re: Sageata care duce imaginea in sus

Mesaj Scris de Cezzzar la data de Lun 20 Dec - 18:09

Uite Scriptul:


Cod:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.hotmobile.org/2009/images/up_arrow_black.gif" /></a>

Acolo la IMG SRC: bagi ce img vrei tu, eu am pus una doar asa. merge 100%

Cezzzar
Membru Forumgratuit

Mesaje : 147
Data de inscriere : 25/09/2010
Multumiri : 0
Membru exclus

http://www.fc-r.fanbb.net

Sus In jos

Rezolvat Re: Sageata care duce imaginea in sus

Mesaj Scris de draky123 la data de Lun 20 Dec - 18:25

multumesc!Merge foarte bine.Cautam ceva care sa te duca putin mai lent adica sa vezi bara ducandu-se asa lent nu dintr-o data dar apreciez gestul!

Puteti inchide! Foarte fericit

draky123
Membru Forumgratuit

Mesaje : 33
Varsta : 19
Localizare : Nici eu nu stiu
Data de inscriere : 19/12/2010
Multumiri : 0
Niciun avertisment

http://ght-entertaiment.forumz.ro

Sus In jos

Rezolvat Re: Sageata care duce imaginea in sus

Mesaj Scris de Vizitato la data de Lun 20 Dec - 19:49

Inchis

Vizitato
Vizitator


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum