Official Sothink Blog » image 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 50% OFF! Enjoy Great Savings from One Day, One Deal on Sothink.com http://www.sothink.com/blog/50-off-enjoy-great-savings-from-one-day-one-deal-on-sothink-com/ http://www.sothink.com/blog/50-off-enjoy-great-savings-from-one-day-one-deal-on-sothink-com/#comments Wed, 14 Apr 2010 02:17:40 +0000 Annie http://www.sothink.com/blog/?p=2945 onedaydealicon

 

A One-day Deal promotion will be launched on Sothink.com from April 21, 2010 to April 28, 2010. You can find the most popular and award-winning Flash decompiler, SWF editor, drop down menu maker, logo maker, etc, and all of them will be sold at 50% discounted prices.

 

1. One-day Deal Schedule

onedaydealapril

 

2. How to Order the Discounted Tools?

You will enjoy the discounted price via coupons. See the following steps:

Step 1: Follow the normal ordering process to enter the purchase page;

Step 2: Fill in the “Discount coupon” box with the coupon code we offered;

Step 3: Click “Update cart”. As follows:

 

Step 4: Complete the whole purchase process.

 

The offer expires on April 27, 2010, so take your chance and go to Sothink.com to find your desired web design tools.

]]> http://www.sothink.com/blog/50-off-enjoy-great-savings-from-one-day-one-deal-on-sothink-com/feed/ 2 Make your site alive under IE 8 with fancier Image Scroller! http://www.sothink.com/blog/make-your-site-alive-under-ie-8-with-fancier-image-scroller/ http://www.sothink.com/blog/make-your-site-alive-under-ie-8-with-fancier-image-scroller/#comments Mon, 13 Apr 2009 09:12:54 +0000 Gracie http://www.sothink.com/blog/?p=2220 Do you still show images one by one in pages?
Want to save a beautiful image web scroller style so you can just simply replace images later without re-design again?
Your image scroller didn’t work under browser IE 8?

Don’t be troubled with that.
Now with the latest Sothink JavaScript Web Scroller 2.1, you can create fancier image scroller with clicks, which is absolutely compatible with Microsoft Internet Explorer 8, and as well as other popular browsers like Google Chrome, Firefox, Opera, etc.

Followed an Image Scroller works well under IE 8 browser:
image scroller

For webmasters or any one who owns one or more websites, especially holding sites for E-Commerce, you can create such a neat and continually scrolling Image Web Scroller to show your products, pictures, photos, screenshots, advertisements and any elements you have. Vertical or horizontal, image-switched manually or automatically, all of these depend on your willing. Besides that, it also takes advantages as follows:

  • Quick and easy to create or edit an Image Web Scroller or Image SlideShow
  • Save time to manage and show your products, photos, clothes, etc
  • Customize the look and functionality with flexibility
  • Fit for any Web site styles

See how an image slideshow works under IE 8:

image slideshowimage scroller2

Not only creating such a photo slideshow, it also creates vertical or horizontal news scroller and ad scroller, either with text or images.

Wanna have a try? Don’t hesitate to download Sothink JavaScript Web Scroller 2.1 immediately. Start creating your own image scroller right now!

Recent Bonus!
Get Sothink JavaScript Web Scroller from SOTHINK WEBMASTER SUITE with big discount!
You’ll save $173.84 dollars and obtain a complete webmaster tool’s bundle, which help you create dazzling Flash animation, DHTML navigation menus and as well as the fancy Image Web Scrollers with ease.

]]> http://www.sothink.com/blog/make-your-site-alive-under-ie-8-with-fancier-image-scroller/feed/ 4 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