CVI
transm.js 1.3 allows you to add programmable image transitions to your webpages. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari 2+, Chrome 3+ and IE 6+. Works also on older browsers supporting JS 1.5 and images and filter or opacity, else it'll degrade and your visitors won't notice a thing.

Demonstration

Transition areaTransition    Tweening    Alphamask
medcezir in urdu episode 1 exclusivemedcezir in urdu episode 1 exclusivemedcezir in urdu episode 1 exclusive
Transition: Tweening:
Alphamask:
Option1: min: 0 max: 0
Option2: min: 0 max: 0
Duration: 0.5 1.0 2.0 4.0
FPS: 20 24 25 30 40
result: 0 ms - 0.0 fps

Banner (simple)
eyewitness
Eyewitness (overlay)
introduction
Introduction (complex)

Transitions

Medcezir In Urdu Episode 1 Exclusive Online

in Urdu Episode 1 Exclusive: A Hero’s Journey Begins The wait is finally over for fans of gripping Turkish dramas! The highly anticipated Urdu-dubbed version of , the Turkish adaptation of the popular American series , has officially made its debut. Known as Aashiyana Meri Mohabbat Ka

in some regions, this series combines high-stakes drama, romance, and the clashing worlds of wealth and struggle. The Story Starts: Episode 1 Recap In the exclusive first episode, we are introduced to Yaman Koper

(played by Çağatay Ulusoy), a hard-working young man from the rough neighborhood of Tozludere. His life takes a drastic turn when he is arrested alongside his brother, Kenan, for a car theft he didn't commit. Just as his future looks bleak, he meets Selim Serez

(Barış Falay), a wealthy and compassionate lawyer who sees potential in Yaman. Selim offers Yaman a second chance by bringing him into his elite world in an affluent Istanbul suburb. Cast Highlights

The series features a star-studded cast that has already captured hearts across Turkey and the globe: Çağatay Ulusoy as Yaman Koper Serenay Sarıkaya as Mira Beylice, the beautiful girl next door Barış Falay as Selim Serez, the lawyer who changes Yaman's destiny Taner Ölmez as Mert Serez, Selim's quirky and tech-savvy son Hazar Ergüçlü as Eylül Buluter Why You Should Watch It Riveting Plot:

From the very first episode, the tension between Yaman's troubled past and his new life creates a compelling narrative. Stellar Dubbing:

The Urdu dubbing brings the intense emotions and sharp dialogue to life for a local audience. Beautiful Cinematography:

Experience the stark contrast between the gritty streets of Tozludere and the luxurious villas of Istanbul. Where to Watch

Here are three short promotional text options in Urdu for "Medcezir — Episode 1 (Exclusive)". Pick one or tell me if you want a different tone (romantic, dramatic, formal).

  1. جذباتی اور دل چھو لینے والا آغاز — "مد جزر" کا پہلا قسط خصوصی پیشکش! دیکھیں کیسے یہ کہانی محبت، دوستی اور قسمت کے نئے موڑ لاتی ہے۔ ابھی دیکھیں اور پہلی قسط کے ساتھ اس سفر کا آغاز کریں۔

  2. خصوصی ریلیز: "مد جزر" قسط 1 — ایک نیا قصّہ، نئی امیدیں۔ حوصلہ، انتخاب اور جذبات کے تانے بانے آپ کو پہلے منظر ہی میں پکڑ لیں گے۔ پہلی قسط مِس نہ کریں!

  3. "مد جزر" — ایپی سوڈ 1 (ایکسکلوسو) — جب دنیا بدلتی ہے تو دل کیسے رد عمل دکھاتا ہے؟ پہلی قسط میں داخل ہوں اور اُن لمحوں کو محسوس کریں جو ہر دل کو چھو جائیں گے۔

The Turkish drama was officially dubbed into Urdu under the title Aashiyana Meri Mohabbat Ka Where to Watch Episode 1 While the original Turkish episodes are hosted on the official Medcezir YouTube channel

, the Urdu-dubbed version is primarily available through the following platforms: Dailymotion : You can find the full first episode titled "Aashiyana Meri Mohabbat Ka Episode 1" Dailymotion Urdu 1 Official medcezir in urdu episode 1 exclusive

: This channel originally aired the show in Pakistan. Clips and potentially full episodes are sometimes available on their YouTube channel Streaming Portals : Sites like Paktvdramas often host archives of Urdu 1's dubbed Turkish content. Episode 1: Plot Overview The series is an adaptation of the American teen drama

. Episode 1 introduces the sharp contrast between the streets of Istanbul and its elite coastal neighborhoods: The Conflict

: Yaman Koper, a smart but struggling young man from the suburb of Tozludere, gets arrested for a crime committed by his older brother. The Savior : He is rescued from prison by Selim Serez

, a wealthy and compassionate lawyer who sees his own younger self in Yaman. A New World

: Selim brings Yaman into his high-society home in Altınkoy. Yaman quickly forms a bond with Selim’s son, , while catching the eye of their wealthy neighbor, Key Cast Members Yaman Koper : Played by Çağatay Ulusoy. Mira Beylice : Played by Serenay Sarıkaya. Selim Serez : Played by Barış Falay. Mert Serez : Played by Taner Ölmez. Urdu-dubbed Turkish dramas similar to Medcezir, or are you looking for specific scene summaries from this episode? Medcezir E1 - video Dailymotion

Recommended. 1:00:00. Medcezir latino 1. Edg saez facebook. 6 months ago. 1:43:56. Aashiyana Meri Mohabbat Ka Episode 3 Hd Hindi - Dailymotion The OC Turkey / Medcezir | Episode 1 | Warner Bros. TV

میڈ جزر (Medcezir) - قسط نمبر 1: ایک نئی زندگی کا آغاز

تعارف:ترکی کا مشہور ڈرامہ 'میڈ جزر' (Medcezir) جو کہ امریکی سیریز 'دی او سی' (The O.C) کا ری میک ہے، اپنی پہلی ہی قسط سے ناظرین کو ایک ایسی دنیا میں لے جاتا ہے جہاں غربت اور امارت کے درمیان ایک گہری خلیج موجود ہے۔ اس ڈرامے کی کہانی یمن (Yaman) نامی ایک نوجوان کے گرد گھومتی ہے، جس کی زندگی ایک حادثاتی جرم کے باعث یکسر بدل جاتی ہے۔

کہانی کا خلاصہ:پہلی قسط کا آغاز یمن کے مشکل حالات سے ہوتا ہے۔ وہ استنبول کے ایک پسماندہ علاقے 'توزلودیرے' میں رہتا ہے۔ اس کا بھائی کینان (Kenan) ایک گاڑی چوری کرتا ہے اور یمن کو بھی اس میں شامل کر لیتا ہے۔ پولیس کے ہتھے چڑھنے کے بعد، یمن کی ملاقات ایک کامیاب اور نیک دل وکیل، سلیم سیرت (Selim Serez) سے ہوتی ہے۔ سلیم کو یمن میں اپنا ماضی نظر آتا ہے اور وہ اسے جیل جانے سے بچانے کے لیے اپنے گھر لے جانے کا فیصلہ کرتا ہے۔

کرداروں کا ٹکراؤ:جب یمن ایک امیر ترین علاقے میں سلیم کے گھر پہنچتا ہے، تو اسے وہاں کی چکا چوند اور پرتعیش زندگی دیکھ کر حیرت ہوتی ہے۔ یہاں اس کا سامنا سلیم کی بیوی اینڈر (Ender) سے ہوتا ہے جو شروع میں یمن کی موجودگی پر خوش نہیں ہوتی۔ تاہم، سلیم کا بیٹا مرت (Mert)، جو کہ ایک شرمیلا اور ذہین لڑکا ہے، یمن کے ساتھ جلد ہی دوستی کر لیتا ہے۔

پہلی قسط کا سب سے خوبصورت موڑ وہ ہے جب یمن کی ملاقات اپنی پڑوسن میرا (Mira) سے ہوتی ہے۔ میرا اپنی ظاہری پرکشش زندگی کے باوجود اندرونی طور پر اداس ہے، اور یمن کی سادگی اسے متاثر کرتی ہے۔

تجزیہ:پہلی قسط میں ڈائریکٹر نے بہت مہارت سے دو مختلف طبقات کی عکاسی کی ہے۔ ایک طرف وہ کچی بستیاں ہیں جہاں بقا کی جنگ ہے، اور دوسری طرف وہ محل نما گھر ہیں جہاں دولت تو ہے لیکن سکون کی کمی ہے۔ چغتائے اولوسوئی (Çağatay Ulusoy) نے یمن کے کردار میں معصومیت اور غصے کا بہترین امتزاج پیش کیا ہے، جبکہ سیرینا ساریکایا (Serenay Sarıkaya) نے میرا کے کردار میں جان ڈال دی ہے۔

نتیجہ:'میڈ جزر' کی پہلی قسط صرف ایک کہانی کی شروعات نہیں بلکہ امید کی ایک کرن ہے۔ یہ دکھاتی ہے کہ کیسے ایک اجنبی کا ہاتھ تھامنے سے کسی کی تقدیر بدل سکتی ہے۔ اس قسط نے ناظرین کے دلوں میں تجسس پیدا کر دیا ہے کہ کیا یمن اس نئی اور ظالم دنیا میں اپنی جگہ بنا پائے گا؟ in Urdu Episode 1 Exclusive: A Hero’s Journey

کیا آپ چاہتے ہیں کہ میں اس ڈرامے کے کرداروں یا آنے والی اقساط کے بارے میں مزید تفصیل لکھوں؟

There is no official academic paper on the specific topic of " Medcezir in Urdu Episode 1 Exclusive

." However, this request touches upon the massive cultural phenomenon of Turkish television dramas being localized for South Asian audiences. The Turkish series

(an official adaptation of the American teen drama The O.C.) was broadcast in Urdu under the localized title Aashiyana Meri Mohabbat Ka.

The academic framework below analyzes the cultural impact of this specific series and the broader trend of Turkish dramas in Pakistan.

📄 Research Paper: The Cultural Translatability and Reception of Turkish Dizi in South Asia: A Case Study of Medcezir (Aashiyana Meri Mohabbat Ka) 1. Abstract

The globalization of media has witnessed a dramatic shift with the rise of Turkish television dramas (dizi) across the Middle East, North Africa, and South Asia. This paper examines the cultural impact and audience reception of the Turkish series Medcezir after it was dubbed into Urdu under the title Aashiyana Meri Mohabbat Ka. We explore how a narrative originally adapted from an American framework (The O.C.) was repackaged to resonate deeply with South Asian familial values, social hierarchies, and youth culture. 2. Introduction

In the early 2010s, channels like Urdu 1 revolutionized the Pakistani television landscape by introducing high-definition, professionally dubbed Turkish content. While historical epics initially led this charge, modern romantic dramas soon followed. Medcezir, premiering its first dubbed episode, became a flashpoint for youth viewership. It bridged the gap between highly westernized narratives and conservative local values. 3. Plot Analysis of Episode 1

The pilot episode serves as the foundational pillar for the entire series trajectory:

The Inciting Incident: Yaman Koper (played by Çağatay Ulusoy), a brilliant but impoverished young man from the rough neighborhood of Tozludere, is arrested after his brother Kenan steals a car.

The Savior Complex: Selim Serez, a wealthy and philanthropic defense lawyer, sees potential in Yaman and offers him a job and a place to live in his affluent, gated community.

The Clash of Worlds: Yaman is thrust into a world of immense wealth, meeting Selim's introverted son Mert and the beautiful, privileged girl next door, Mira Beylice. Episode 1 masterfully sets up the core themes of class warfare, elitism, and forbidden love. 4. Sociological Impact and Themes

The localized success of Episode 1 and the subsequent series relies on several distinct cultural pillars: خصوصی ریلیز: "مد جزر" قسط 1 — ایک

Class Disparity: The stark contrast between the slums of Tozludere and the mansions of the elite struck a highly relatable chord with South Asian audiences familiar with extreme wealth gaps.

The "Ideal Hero" Archetype: Yaman represents the ultimate "noble poor" archetype—honorable, hardworking, and fiercely loyal—which is a staple of Urdu literature and classic Pakistani dramas.

Modernity vs. Tradition: Unlike heavily westernized programming, Turkish dramas perfectly strike a balance by showcasing intensely modern lifestyles while still strictly respecting family hierarchies, elders, and modest expressions of romance. 5. Conclusion

Medcezir (Aashiyana Meri Mohabbat Ka) proved that localized dubbing is not merely a linguistic translation, but a total cultural repackaging. Episode 1 successfully hooked the Urdu-speaking demographic by serving a glossy, high-production Western narrative structure wrapped tightly in Eastern emotional sensibilities.

📢 Viewing Guide: If you are searching for physical video files of this episode, search for the title "Aashiyana Meri Mohabbat Ka Episode 1" on video platforms like Dailymotion or YouTube. Many fan-driven networks still host these vintage dubbed broadcasts.


میریم اور کاظم: تضادات کی دنیا

سلجیم کی بیوی میریم (جانان ارگودر) ایک نرم دل عورت ہے جو یامان کی مشکل حالات کو بھانپ لیتی ہے۔ جبکہ سلجیم کا بیٹا کاظم (برکے آتاے) ایک لاڈلا، امیر مگر مغرور لڑکا ہے۔ وہ یامان کو حقارت سے دیکھتا ہے اور اسے "ٹارلاباشی کا چور" کہہ کر طعنے دیتا ہے۔

یہی وہ نقطہ ہے جہاں ڈرامے کی بنیادی کشمکش جنم لیتی ہے: ایک طرف وہ لڑکا جس کے پاس دولت نہیں مگر غیرت ہے، دوسری طرف وہ لڑکا جس کے پاس سب کچھ ہے مگر انسانیت نہیں۔

میرا: پہلی نظر میں پہچان

جب یامان پہلی بار میرا سے ملتا ہے، تو یہ منظر نہایت خوبصورتی سے پیش کیا گیا ہے۔ میرا (سیرینے ساریکایا) سلجیم کی بھانجی ہے، جو اپنے والد کی موت کے بعد اس گھر میں پناہ گزین ہے۔ وہ خاموش، کتابیں پڑھنے والی اور اداس سی لڑکی ہے۔

سمندر کے کنارے جب یامان اس سے پہلی بار بات کرتا ہے، تو اسے لگتا ہے جیسے وہ اسے صدیوں سے جانتا ہے۔ میرا اسے کہتی ہے: "تم یہاں کیسے آ گئے؟ یہ لوگ اجنبیوں سے محبت نہیں کرتے۔" اور یامان مسکراتے ہوئے جواب دیتا ہے: "شاید میں اجنبی نہیں ہوں۔ شاید میں وہی ہوں جس کا تمہیں انتظار تھا۔"

یہ ڈائیلاگ نہ صرف رومانٹک ہے بلکہ پوری کہانی کی روح ہے۔

📺 Where to Watch?

🔹 Exclusively streaming on [Platform Name – e.g., UrduFlix / Turkish Drama World / YouTube Channel Name]
🔹 Release Date: [Insert Date]
🔹 New episodes weekly – only here

“Not every tide brings a storm. Sometimes, it brings a second chance.”
Medcezir, Episode 1 (Urdu Exclusive)



Fan Reactions to the Urdu Dub (Social Media Buzz)

Within 24 hours of the "exclusive" dropping, social media exploded:

🌊 Medcezir – Episode 1 (Urdu Dubbed) | Exclusive Launch

The wait is finally over!
The critically acclaimed Turkish drama Medcezir — a modern adaptation of the iconic American series The O.C. — makes its grand entrance in Urdu for the very first time.

Tweenings

cvi_tween_lib.js supports tweening capabilities. TransM.js uses only linear tweening, if this lib is missing or if the browser engine do not support HTML 5 canvas element.

linear

medcezir in urdu episode 1 exclusive
linear

sine

medcezir in urdu episode 1 exclusive
EaseIn

sine

medcezir in urdu episode 1 exclusive
EaseOut

sine

medcezir in urdu episode 1 exclusive
EaseInOut

quad

medcezir in urdu episode 1 exclusive
EaseIn

quad

medcezir in urdu episode 1 exclusive
EaseOut

quad

medcezir in urdu episode 1 exclusive
EaseInOut

cubic

medcezir in urdu episode 1 exclusive
EaseIn

cubic

medcezir in urdu episode 1 exclusive
EaseOut

cubic

medcezir in urdu episode 1 exclusive
EaseInOut

quart

medcezir in urdu episode 1 exclusive
EaseIn

quart

medcezir in urdu episode 1 exclusive
EaseOut

quart

medcezir in urdu episode 1 exclusive
EaseInOut

quint

medcezir in urdu episode 1 exclusive
EaseIn

quint

medcezir in urdu episode 1 exclusive
EaseOut

quint

medcezir in urdu episode 1 exclusive
EaseInOut

expo

medcezir in urdu episode 1 exclusive
EaseIn

expo

medcezir in urdu episode 1 exclusive
EaseOut

expo

medcezir in urdu episode 1 exclusive
EaseInOut

circ

medcezir in urdu episode 1 exclusive
EaseIn

circ

medcezir in urdu episode 1 exclusive
EaseOut

circ

medcezir in urdu episode 1 exclusive
EaseInOut

bounce

medcezir in urdu episode 1 exclusive
EaseIn

bounce

medcezir in urdu episode 1 exclusive
EaseOut

bounce

medcezir in urdu episode 1 exclusive
EaseInOut

back

medcezir in urdu episode 1 exclusive
EaseIn

back

medcezir in urdu episode 1 exclusive
EaseOut

back

medcezir in urdu episode 1 exclusive
EaseInOut

elastic

medcezir in urdu episode 1 exclusive
EaseIn

elastic

medcezir in urdu episode 1 exclusive
EaseOut

elastic

medcezir in urdu episode 1 exclusive
EaseInOut

cubic

medcezir in urdu episode 1 exclusive
BezierCurve

cubicBezierCurve function is compatible with -webkit-transition-timing-function WYSIWYG-Editor
"cubicBezierCurve gives you the opportunity to define unlimited, individual tweenings".
This timing function is specified using a cubic Bezier curve, which is defined by four control points. The first and last control points are always set to (0,0) and (1,1), so you just need to specify the two in-between control points. The points are specified as a percentage of the overall duration (percentage: interpolated as a real number between 0 and 1).

Setting Up

Download the TransM archive and include the following files (consider the order) into your webpage.

<script type="text/javascript" src="cvi_tween_lib.js"></script>
<script type="text/javascript" src="cvi_trans_lib.js"></script>
<script type="text/javascript" src="transm.js"></script>

Using It

To add a transm object, just execute the function "transm.add( element, { options } );" to a block-level element.

Usage

Set defaults
transm.defaultWidth      = 320; //INT 64-1024 (px) canvas width
transm.defaultHeight     = 180; //INT 64-1024 (px) canvas height
transm.defaultRadius     = 0; //INT|OBJ [0,0,0,0] radius of the corners
transm.defaultName       = null; //STR canvas name|id
transm.defaultLayer      = null; //STR overlay image path&file
transm.defaultCallback   = null; //STR callback function name
transm.defaultData       = null; //OBJ array of images
transm.defaultAutoplay   = false; //BOOLEAN auto playing at startup
transm.defaultPingpong   = false; //BOOLEAN playing pingpong direction
transm.defaultVerbose    = false; //BOOLEAN be verbose via console
transm.defaultClearbg    = false; //BOOLEAN clear outer elements background
transm.defaultNocache    = false; //BOOLEAN VML image caching (IE only)
transm.defaultNopreload  = false; //BOOLEAN just in time image loading
transm.defaultFadein     = false; //BOOLEAN fade in at startup (not IE)
transm.defaultTimeout    = 6; //FLOAT 1-60 (seconds before break off image loading)
transm.defaultTransition = 'random'; //STR transition name
transm.defaultTweening   = 'default'; //STR tweening name
transm.defaultCparray    = null; //OBJ control points array
transm.defaultDuration   = 2; //FLOAT 0.5-5.0 seconds
transm.defaultFps        = 30; //INT 15-100 frames per seconds (not IE)
transm.defaultDelay      = 5; //FLOAT 0.0-600.0 seconds
transm.defaultMeter      = false; //BOOLEAN show delay meter while auto playing
transm.defaultMfgcolor   = '#ff0000'; //STR meter foreground color
transm.defaultMbgcolor   = '#ffffff'; //STR meter background color
transm.defaultMopacity   = 0.75; //FLOAT 0.1-1.0 meter opacity
transm.defaultMsize      = 32; //INT 24-min(width,height) meter dimension
transm.defaultMposx      = 0; //INT 0-(width-msize) meter position x
transm.defaultMposy      = 0; //INT 0-(height-msize) meter position y
Data format
data = [{
source: 'path/file.jpg', //STR mandatory image path & file
imgshift: 0.5, //FLT optional image shift value (0==top|left, 0.5==center, 1==bottom|right)
callbefore: null, //STR optional simple callback function name (executes on start of transition)
argbefore: null, //STR|INT optional callback argument (string or number only)
callafter: null, //STR optional simple callback function name (executes on end of transition)
argafter: null, //STR|INT optional callback argument (string or number only)
transition: null, //STR optional transition name
alphaimg: null, //STR optional image path & file (if transition=='alpha')
option1: null, //INT optional transition argument #1 (number only)
option2: null, //INT optional transition argument #2 (number only)
tweening: null, //STR optional tweening name
cparray: null, //STR optional control points array (if tweening=='cubicBezierCurve')
duration: null, //FLT optional duration value (seconds)
delay: null, //FLT optional delay value (seconds)
fps: null, //INT optional frames per second
title: '', //STR optional tooltip
onclick: '', //STR optional js-function
href: '', //STR optional URL
target: '_self', //STR optional target
}, {source: 'image.jpg'}]
Add canvas
STRING = transm.add(element, options);
element  == block-level element
options       e.g. {width: 128, height: 64, ...}
width      == INT 64 - 1024 Default: 320
height     == INT 64 - 1024 Default: 180
radius     == INT 0 - [0,0,0,0] Default: 0
name       == STRING Default: null
layer      == STRING Default: null
callback   == STRING Default: null
data       == OBJECT Default: null
autoplay   == BOOLEAN true or false Default: false
pingpong   == BOOLEAN true or false Default: false
verbose    == BOOLEAN true or false Default: false
clearbg    == BOOLEAN true or false Default: false
nocache    == BOOLEAN true or false Default: false
nopreload  == BOOLEAN true or false Default: false
fadein     == BOOLEAN true or false Default: false
timeout    == FLOAT 1 - 60 Default: 6
transition == STRING Default: 'random'
tweening   == STRING Default: 'default'
cparray    == OBJECT Default: [0.25,0.1,0.25,1.0]
duration   == FLOAT 0.5 - 5.0 Default: 2
fps        == INT 15 - 100 Default: 30
delay      == FLOAT 5; //FLOAT 0.0-600.0 seconds
meter      == BOOLEAN true or false Default: false
mfgcolor   == STRING Default: '#ff0000'
mbgcolor   == STRING '#ffffff'
mopacity   == FLOAT Default: 0.1 - 1.0 Default: 0.75
msize      == INT 24 - min(width,height) Default: 32
mposx      == INT 0 - (width-msize) Default: 0
mposy      == INT 0 - (height-msize) Default: 0
(Advice: By adding a canvas to a block-level element, the former content of the element will be overwritten)
Remote control canvas
transm.play(canvas); (start playing)
transm.stop(canvas); (stop playing)
transm.first(canvas); (show first image)
transm.prev(canvas); (show previous image)
transm.show(canvas, image_number); (show this image)
transm.next(canvas); (show next image)
transm.last(canvas); (show last image)
Get some informations
STRING = transm.add(element, options); (returns current canvas name|id)
OBJECT = transm.info(canvas); (returns informations about the last transition)
OBJECT.transition  == used transition //STR
OBJECT.tweening    == used tweening //STR
OBJECT.duration    == real duration value //FLT
OBJECT.fps         == real fps value //FLT
VALUE  = transm.get(canvas, ['busy'|'playing'|'current'|'total'|'transition'|'tweening'|'duration'|'fps']);
VALUE  = busy        == transition in action //BOL
VALUE  = playing     == autoplay in action //BOL
VALUE  = current     == current image number //INT
VALUE  = total       == no. of all images //INT
VALUE  = transition  == used transition //STR
VALUE  = tweening    == used tweening //STR
VALUE  = duration    == real duration value //FLT
VALUE  = fps         == real fps value //FLT
FLOAT  = transm.version;
STRING = transm.released;
Remove canvas
transm.remove(canvas);
Examples
var photos = new Array();
photos = [
  {source:'images/demo/0.jpg', imgshift:0.75},
  {source:'images/demo/1.jpg', title:'dummy', onclick:'alert("dummy")'},
  {source:'images/demo/2.jpg', transition:'alpha', alphaimg:'images/alphamask/usflag.jpg'}
]
var opts = {width:655, height:150, radius:[64,64], timeout:3, layer:'images/layer.png', pingpong:true, clearbg:true, delay: 3.0, meter: true, mopacity: .75, mposx: 615, mposy: 110, data:photos, name:'viewer'};
var my_ele = transm.add(document.getElementById('my_div'), opts);
if(typeof $=='undefined') {function $(v) {return(document.getElementById(v));}}
transm.add($('my_div'), opts);
transm.play($('viewer'));
transm.stop($('viewer'));
transm.show($('viewer'), 2);
alert('transm: '+transm.version+' ('+transm.released+')');
transm.remove($('viewer'));

Download

Please read the license before you download transm.js 1.3

F.A.Q.

Please read the Frequently Asked Questions before you contact the author.

Restrictions

The Internet Explorer implementation has a few system immanent limitations. The problem is that VML images don't support the onload event (or onreadystate). Also IE doesn't cache VML images across page loads. Notice the long delay on page reload! If you watch IE's http traffic (say using Fiddler), you'll see that IE requests each image again. So for every image, TransM.js needs to download it twice. Even the images are in browser cache, VML still need to connect server and get a 304 response. I've found a way to cache VML images. IE 6/7/8 works well with the argument nocache: false, but if you get in conflict with it you can set it to nocache: true. With setting nocache: true IE needs to cycle one time through the play loop, before all images are cached. The number of transition types is limited to 51 and the tweening is always linear. In opposite to the frame accurate transitions, Internet Explorer transitions are time accurate. That is why IE do not support the fps parameter.

History

Version 1.3

Version 1.2 Version 1.1 Version 1.0

Contact

Please leave any comments at this contact formular.

License

transm.js and cvi_trans_lib.js are distributed under the Netzgestade Non-commercial Software License Agreement.
License permits free of charge use on non-commercial and private web sites only under special conditions (as described in the license). This license equals neither "open source" nor "public domain". There are also Commercial Software Licenses available.

YOU AGREE TO ALL CONDITIONS OF THIS LICENCE AGREEMENT CONCERNING THE USE OF THE SOFTWARE BY ACCEPTING THIS LICENCE.
IF YOU DO NOT AGREE TO ALL CONDITIONS OF THIS AGREEMENT, YOU SHALL NOT INSTALL THE SOFTWARE, OR USE IT IN OTHER WAYS.

Other Projects

transm.netzgesta.de © 2026 by Christian Effenberger :: Imprint feed   twitter   facebook   myspace   delicious   digg   reddit   magnoliacom   newsvine   furl   google   yahoo   blinklist   mister-wong