Official Sothink Blog » web scroller http://www.sothink.com/blog Tech Talk, Suggestions, Coffee House, Member Blogs… Tue, 17 Jan 2012 06:38:08 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 How to make your slideshow fit iPad fluid width? http://www.sothink.com/blog/how-to-make-your-slideshow-fit-ipad-fluid-width/ http://www.sothink.com/blog/how-to-make-your-slideshow-fit-ipad-fluid-width/#comments Mon, 26 Jul 2010 05:58:14 +0000 zjx http://www.sothink.com/blog/?p=3155 How fancy your slideshow on website! It is absolutely the spotlight to beautify website design on PC. But if viewing this website on iPad or inserting the slide show to iPad website, can it do the same great job for iPad users?  It is uncertain because iPad is extremely different layout from the traditional website. In fact, just simple settings, you can get your iPad slideshow woks well on iPad.
 
For iPad web design, keep two things in your mind, you should set the width in percent instead of the fixed in iPad web page; re-sizing browser window is unavailable in iPad website. For iPad slideshow, you can make it fit iPad fluid width by setting width in percent to match with iPad website of landscape and portrait mode.
 
iPad Slideshow can show more content while occupy less space in iPad web design. As image scroller, it can beautify iPad website by its stunning effect; as web scroller, you can link to the target page quickly. Now, we will learn making the iPad slideshow to fit iPad website: ipad-slide-1
 

  1. Launch JavaScript Web Scroller and set global settings for iPad Slideshow

    2. Launch Sothink JavaScript Web Scroller to start new image scroller, first, enter the tab “Global”, and set the global width in percent; and then set scroller type as “Image Only” in below property for iPad website of landscape and portrait mode.
     
    scroller-1

  2. Add item, image and link for iPad Slideshow

    3.  
    Add items for iPad slideshow in List panel; and then browse the image and input the link to be your website. Click the tab “Item” and edit image and link in below property panel.
     
    scrollerscroller-2

  3. Publish the iPad Slides to make it fit iPad website

    4. Publish the JavaScript code or resource files to the defined folder, and insert two pieces of code to “head” and “body” in iPad web page. Preview web scroller on Internet after uploading all the resource files to web server.
     
    scroller-3

That’s the end; your iPad slideshow has been displayed, it fits well with iPad website. Making image slideshow, you should set width in percent in step1; it is important to make the iPad slideshow fit perfectly with iPad website.
 
View More iPad Slideshow Samples:
 
scroller-4
 
JavaScript Web Scroller
 
The robust JavaScript Web Scroller creates iPad Slideshow for iPad website. It creates image scroller, web scroller, iPad slide, slideshow, etc in minutes. No JavaScript experience needed and without coding. JavaScript web scroller well integrates as add- ons with Dreamweaver, FrontPage, Expression Web and GoLive.
 
Download | Order

]]> http://www.sothink.com/blog/how-to-make-your-slideshow-fit-ipad-fluid-width/feed/ 3 Sothink Menu Families work well with Microsoft IE 8 RC1 http://www.sothink.com/blog/sothink-menu-families-work-well-with-microsoft-ie-8-rc1/ http://www.sothink.com/blog/sothink-menu-families-work-well-with-microsoft-ie-8-rc1/#comments Fri, 13 Mar 2009 05:27:23 +0000 Gracie http://www.sothink.com/blog/?p=2010 Let your navigation DHTML menus, JavaScript menu trees s or even image scrollers compatible with Microsoft IE 8 RC 1 (short for Release Candidate 1) is not a big case. Recently Sothink has released several new updates including Sothink DHTML Menu 9.1, Sothink Tree Menu 2.8 and Sothink JavaScript Web Scroller 2.1, all of which supports IE 8 RC 1. All registered users of three products can enjoy free upgrade to the latest versions. It is really good news for most Web designers, isn’t it?

As we all know that Microsoft is readying its final release of the browser Internet Explorer 8. So is the Sothink Menu-making Family, which is also readying to support its DHTML Menu, Tree Menu, JavaScript Web Scroller full compatible with IE 8 RC 1 and even the final release in future.

It is informed that Windows Internet Explorer 8 provides users innovative new features that make browsing faster, easier, and safer than ever. Currently the Release Candidate 1 of IE 8 is offered to be evaluated by users while it undergoes final testing. It’s no doubt that the final release of IE 8 will spread over the Internet. So ensuing your navigation menus (either DHTML menus or Javascript menus) are compatible with IE 8 becomes quite important to each Webmaster or Web designer. That’s why the minor updates of Sothink DHTML Menu, Tree Menu and JavaScript Web Scroller are decided to published in order to add the compatibility of IE 8 RC1.

Wanna have a try immediately? Here goes the download links of the latest versions of three products:
DHTML Menu Icon
Install DHTML Menu 9.1 now!
Create drop down menus visible in IE 8 RC 1!

 

 

tree menu icon
Install Tree Menu 2.8 now!
Build JavaScript tree menus compatible with IE 8 RC 1!

 

 

image scroller
Install JavaScript Web Scroller 2.1 now!
Let your image slideshows or news scrollers work well with IE 8 RC 1!

 

 

Once upgrade to the latest version, just publish the existing menus or image scrollers from the program, replace all JS files or codes used on your Web site with the new files, and then users can experience the compatibility issues with websites in IE 8 RC 1 while browsing.

]]> http://www.sothink.com/blog/sothink-menu-families-work-well-with-microsoft-ie-8-rc1/feed/ 0 How to Create a Image Scroller for Your Products? http://www.sothink.com/blog/how-to-create-a-image-scroller-for-the-products-on-your-website/ http://www.sothink.com/blog/how-to-create-a-image-scroller-for-the-products-on-your-website/#comments Thu, 06 Nov 2008 01:40:41 +0000 chenxixi http://www.sothink.com/blog/?p=620

Thanksgiving is coming! Everybody is preparing for it and absolutely has a shopping list in his heart for those he wants to give thanks to!
Do you want to create a attractive scroller for all the selling products on your website at this special time? Let’s create a auto-scrolling scroller with Sothink JavaScript Web Scroller in minutes!

Following the 3 steps below, you can create a simple image scroller:

Step1. Launch Sothink JavaScript Web Scroller and choose the template “hot movies2″.

   Click here

   Then you can preview the scroller in the preview window

Step2. Set the properties of the scroller.

1. Add a new item in the List Panel. Click the “Append item(s)” button and choose an image from the computer. For example, we choose the image file “lustandcaution.gif” in the destop. Of course, you can choose multiple files at the same time by pressing the Shift key.

2. Choose the added item in the list panel and Switch to Item panel. Input content of this item.

3. Set the the properties of the item’s popup tip in the Popup Tip panel.   

      
 

 

4. Set the whole property of the scroller in the Global panel. Here we choose the scroll style as “Auto Scroll”, so the scroller will keey scrolling automatically.

5. Set the properties of the scroller’s title in the Title panel.

Step3. Publish the created scroller to your web page.

Now, you create a image scroller!

Isn’t is EASY^_^?

For more infor, please visit Sothink JavaScript Web Scroller

]]> http://www.sothink.com/blog/how-to-create-a-image-scroller-for-the-products-on-your-website/feed/ 1 Do You Have These Troubles? http://www.sothink.com/blog/do-you-have-these-troubles/ http://www.sothink.com/blog/do-you-have-these-troubles/#comments Wed, 16 Jul 2008 08:32:39 +0000 Joey http://www.sothink.com/blog/?p=246 In the last two courses, we had talked about how to make to make an attracting photo album, as well as how to make a vivid photo morph animation. I hope it helped.

After all your works done, I guess most of you will not put it in your drawer and sleep, what you are probably thinking is how can I display it, how can I show it to others? This course will answer your questions!

in this period of IT, if you ask the question that “in what way can I spread what I want to spread most rapidly and widely? ”, the answer is definitely “web”,” internet”. Yes,  so if you really want to make your “works” all known, put it on the website!

Here, may be another confusion comes into your mind—room on website is so limited, but these pictures are all my favorite, which one should I give up? It is so hard to choose… up to this point, I say you do not have to give up either! All you have to do is turn to Sothink JavaScript Web Scroller 2.0.

With Sothink JavaScript Web Scroller 2.0, you can make you pictures scrolling around, horizontally or vertically. It is not only make you site vivid, kind of flowing, but also space-saving. You do have to make any decision on which one count, which one doesn’t.

Scrollers created with Sothink JavaScript Web Scroller can have traditional controls such as clicking arrows to scroll left or right. And scrolling can be automatic too. There can be multiple scrollers on a page, and there are no limits to the number of items that can be included in a scroller. Scroller items can include images, text, a combination of images and text, or HTML code. Items can include links and popup tips, and scrollers can consist of multiple pages. In a database-driven scroller, item text, links, tips and other properties can be dynamically generated from database using ASP, JSP, PHP, ASP.NET, ColdFusion or JavaScript language

The appearance of scrollers is completely configurable, and scrolling speed is adjustable. Scrollers created by Sothink JavaScript Web Scroller will automatically detect the browser’s window size and fit the window automatically

Sothink JavaScript Web Scroller features an intuitive user interface so that almost anyone can create a scroller in a matter of minutes. Users can create their own scrollers or use one of the many templates included with the program. The generated scroller is compatible with most major browsers, including IE, Firefox, Opera, Safari, Netscape and Mozilla both on Mac and PC.

 

Know more at http://www.sothink.com/product/javascriptwebscroller/index.htm

More tutorials at http://www.sothink.com/tutorials/index.php?c=7

 

]]> http://www.sothink.com/blog/do-you-have-these-troubles/feed/ 0