Website Babble Webmaster Forums  


Go Back   Website Babble Webmaster Forums > Creating a Website > Images/Graphics, Photos, Music & Video

Your WB Notifications

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 07-21-2009, 07:49 PM
Junior Babbler
 
Join Date: Jul 2009
Posts: 26
Andre Haughton has no reputation at Website Babble yet.
Send a message via MSN to Andre Haughton
Question photoslide help

hi guys,

I need to have a photoslide at the top of my site, just like www.wolf-howl.com. How do they get it like that and what software are they using to create that slide show?
Reply With Quote
  #2 (permalink)  
Old 07-21-2009, 09:05 PM
claire0917's Avatar
Regular Babbler
 
Join Date: Jul 2009
Posts: 55
claire0917 has a few positive reputation points
Default

It's javascript. Some worpress themes have it implemented, but I think you can find a plugin for that.
Reply With Quote
  #3 (permalink)  
Old 07-21-2009, 09:58 PM
kelevraco's Avatar
Supreme Babbler
 
Join Date: May 2009
Location: Colorado
Posts: 511
kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)
Send a message via MSN to kelevraco Send a message via Yahoo to kelevraco
Default

it is a d13slideshow is the name of the plugin.
__________________
Reply With Quote
  #4 (permalink)  
Old 07-21-2009, 10:35 PM
Junior Babbler
 
Join Date: Jul 2009
Posts: 26
Andre Haughton has no reputation at Website Babble yet.
Send a message via MSN to Andre Haughton
Default

thanks guys...gonna try that plugin now.
Reply With Quote
  #5 (permalink)  
Old 07-24-2009, 04:21 PM
Junior Babbler
 
Join Date: Jul 2009
Posts: 26
Andre Haughton has no reputation at Website Babble yet.
Send a message via MSN to Andre Haughton
Default

hi...thanks for the help... i got it to work... but still trying to learn it properly.
also, another thing... on linkshare site: http://www.linkshare.com/ at the bottom, they have a scrolling mechanism promoting their affilates... what did they used to create that...? I want to create a similar effect for my site, however, one scrolling vertically on the left, in a widget like box/section. anyone think they can help with this????
Reply With Quote
  #6 (permalink)  
Old 07-24-2009, 04:41 PM
kelevraco's Avatar
Supreme Babbler
 
Join Date: May 2009
Location: Colorado
Posts: 511
kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)
Send a message via MSN to kelevraco Send a message via Yahoo to kelevraco
Default

Since you are using wordpress the only way to do this would to be actually code this into your theme.
__________________
Reply With Quote
  #7 (permalink)  
Old 07-25-2009, 12:45 AM
claire0917's Avatar
Regular Babbler
 
Join Date: Jul 2009
Posts: 55
claire0917 has a few positive reputation points
Default

I'm not sure if there is a wordpress plugin for this, but the code is quite simple:

Place this in your CSS
Code:
  .logo_box {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 65px;
  }

  #client_logos {
    position: absolute;
    left: 100px;
    top: 20px;
    margin: auto;
    width: 646px;
    height: 50px;
    overflow: hidden;
  }
Place this in your javascript
Code:
function startLeftScroll(id){
  var box = document.getElementById(id);
  var box2 = document.createElement('div');
  box2.id = id+'_virtual';
  box2.innerHTML = box.innerHTML;
  box2.className = 'logo_box';
  box.parentNode.appendChild(box2);
  moveABit(id,0);
}

function moveABit(id,position){
    var keepscrolling = true;
    var box = document.getElementById(id);
    var other_box = document.getElementById(id+'_virtual');
    var width = box.offsetWidth;
    position = position - 1;
    box.style.left = position+'px';
    var other_position = position + width;
    other_box.style.left = other_position +'px';
     // if main box is completely hidden, move behind virtual
    var diff = (width) + position;

    if ( diff <= 1 ){
      position = 0;
    }
    if ( keepscrolling )
      setTimeout("moveABit('"+id+"','"+position+"');",100);
}
Place this in your page where you want to show the affiliates.
Code:
<div id="client_logos">
<div style="position:absolute;width:9000px;">
<div id="logo_box" class="logo_box">

<img src="Image1">
<img src="Image2">
<img src="Image3">  

</div>
</div>
</div>
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On




All times are GMT -6. The time now is 02:41 AM.


 Subscribe to RSS

WB Sponsors

flash chat

Home Jobs Online

Search Engine Marketing

Paid Surveys

Web Design Newcastle



 Subscribe to the Website Babble Feeds

2 Create a Website Homepage | 2 Create a Website Blog


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0