You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements. In this tutorial we’ll create a fullscreen slideshow with a twist: we’ll slice the current slide open in order to reveal the next or previous slide.
Get started with FlexSlider in 3 easy steps! Step 1 – Link files Add these items to the <head> of your document. This will link jQuery and the FlexSlider core CSS/JS files into your webpage. You can also choose to host jQuery on your own server, but Google is nice enough to take care of that for us! Step 2 – Add markup The FlexSlider markup is simple and straightforward. First, start with a single
ResponsiveSlides.js v1.55 Simple & lightweight responsive slider plugin (in 1kb) ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. It has been used on sites like Microsoft's Build 2012 and Gridset App. ResponsiveSLides.js works with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for
We have been working since 2009. We started with two people: a designer and a programmer. Today the company employs almost 20 people who are divided into four teams. Everyone is a master of his craft. There are open vacancies. We use all our experience, knowledge and skills to help you properly implement your plans to make the site a convenient tool - in this we see our mission. In tandem with the
FlexのSliderについているThumb(つまみ部分)はアメリカの方が作ったとは思えないぐらい小さく、現在作成中のアプリがターゲットとする年代の方には到底受け入れられない雰囲気であったので、Flexのスキニングというのを利用して、でかいつまみを作ることにした。 スキニングとは、コンポーネントの見た目を指定した画像やSWFに置き換えるというテクノロジーで、コンポーネントの振る舞いを変えずに、見た目だけを変更することが出来る。 ということで、大き目のつまみの画像(通常時、マウスオーバー時、マウスダウン時、使用不可時)を用意し、早速スキンを当ててみた。 <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" widt
この記事のURL http://www.dango-itimi.com/blog/archives/2009/000999.html Slider コンポーネントの部分部分のマウス当たり判定がとても小さく操作しにくいため、当たり判定を大きくするための手順を記述します。 手順 (1)前準備 Flash のコンポーネントウインドウから Slider コンポーネントを ライブラリに配置してください。 (2) fl.controls.Slider クラスの拡張 fl.controls.Slider クラスの configUI メソッド内で、スライダーの三角のボタン(thumb)とスライダーのバー(track)のインスタンスが生成されています。そして、各インスタンスは setSize メソッドにより表示サイズが設定されています。 thumb, track の各インスタンスは protected 設定
Flex3でスライドバーでビデオをシークする処理について、 職場でちょっと聞かれたので、サンプルを作ってみました。 *ちょっと修正しました。 前にバンドのHP用に作ったFLVを使いました、動きのないビデオでごめんなさい…。 音声は出るのでそちらで動画が移動しているのをご確認いただけると思います…。 ロード完了後に「再生」ボタンで再生です。 せっかくなので、SliderのSkinに、自作画像を重ねたものも使いました。 重ねた画像はこちらです。45秒でかきました。 ↓ 以下詳細、プロジェクトファイル等です。 プロジェクトファイルはこちら。 FLVファイルは含まれていません。 一応アップ→ bandplay.flv Flex3のVideoDisplayコンポーネントは、動画をロードする機能も備えています。 sourceプロパティで、読み込む動画ファイルのパスを指定し、 load
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く